<template>
	<view>
		<view>
			<top-status></top-status>
			<view class="navBox" :class="showNav ? 'navWhite' : ''">
			    <!-- <topStatus></topStatus> -->
					<view class="topNav" :style="'height:'+stHeight+'px'">
					</view>
			    <view class="tabsBack">
			        <view @click="goBack()" class="blackbox">
			            <uni-icons type="left" size="24" :color=" showNav ? '#111':'#fff'"></uni-icons>
			        </view>
			        <view class="topTitle hiddenText" v-if="showNav">{{$util.entitiesToUtf16(resData.Name)}}</view>
			        <view style="opacity: 0;" class="blackbox">
			            <uni-icons type="left" size="24" color="#ebebea"></uni-icons>
			        </view>
			    </view>
			</view>
			<view class="page_top" :style="{backgroundImage: 'url( '+sportimg+' )',top:stHeight+'px'}">
				<view class="page_btm" :style="{bottom:stHeight+'px'}">
					
				</view>
			</view>
		</view>
		<view class="load" v-if="!load">
			<u-loading-icon mode="circle" inactive-color="#fff" text="正在加载..." vertical></u-loading-icon>
		</view>
		<view v-else class="user_visitior">
			<view class="person_main">
				<view class="person_body">
					<view class="onlin">{{ resData.UpdateTime ? getTime(resData.UpdateTime) : '--' }}在线</view>
					<view class="person_titbox">
						<view class="titbox_cell">
							<view class="titbox_name">
								{{$util.entitiesToUtf16(resData.Name)}}
							</view>
							<view class="titbox_sexIcon">
								<image v-if="resData.Sex!='男'" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1737082700668911.png" mode="aspectFill"></image>
								<image v-else src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17371019157781446.png" mode="aspectFill"></image>
							</view>
							
							<block>
								<image v-if="resData.UserType == '体验会员'"	 class="vipiconimg" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1712643203782247.png" mode="heightFix"></image>
								<image class="vipiconimg" v-if="resData.UserType=='金卡会员'" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1744792231023643.png" mode="heightFix"></image>
								<image class="vipiconimg" v-if="resData.UserType == '黑金年卡会员'" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1744792207318376.png" mode="heightFix"></image>
							</block>
							
							<block v-if="tag.length">
								<view class="tag_cell" v-for="(item,index) in tag" :key="index">
									{{item}}
								</view>
							</block>
							<view v-else style="height: 8rpx;"></view>
							<view class="titbox_tag">
							</view>
						</view>
						<view class="titbox_btn">
							<!--  #ifdef MP-WEIXIN -->
							<button class="titbox_icon" hover-class="none" open-type="share" :data-type="resData.ID">
								<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17371025533501394.png" mode="aspectFill"></image>
							</button>
							<!-- #endif -->
				
							<!--  #ifdef APP-PLUS -->
							<button class="titbox_icon" hover-class="none" @click="app_share(item)">
								<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17371025533501394.png" mode="aspectFill"></image>
							</button>
							<!-- #endif -->
							
							<view class="titbox_icon" @click.stop="nav_to(`/pages/chat/reportlist?id=${resData.ID}&name=${resData.Name}`)">
								<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1711523613261382.png" mode="aspectFill"></image>
							</view>
						</view>
					</view>
					
					<view class="person_lit">
						<text>ID：{{ resData.ID || '--' }}</text>
						<text v-if="resData.Birthday"> {{' '}}| {{getYearStr(resData.Birthday)}}后</text>
						<text v-if="resData.Birthday && constellate(resData.Birthday)"> {{' '}}| {{constellate(resData.Birthday).Name}}</text>
						<text> {{' '}}| {{ resData.City || '--'}}</text>
					</view>
					
					<view class="person_lit" v-if="resData.WechatNo">
						<text>微信号：{{ getWechatNo(resData.WechatNo) }}</text>
					</view>
					
					<view class="person_lit person_blurb" v-if="resData.Descript">
						{{ $util.entitiesToUtf16(resData.Descript) || '--' }}
					</view>
					
					<view class="person_btn">
						<view class="person_btnBox">
							<view class="btn_cell btn_default" v-if="isMyself" @click="nav_to('/pages/user/user_edit')">
								编辑
							</view>
							<view class="btn_cell btn_default" v-if="isManager" @click="nav_to(`/pages/user/user_data?id=${resData.ID}`)">
								查看数据
							</view>
							<view v-else></view>
						</view>
						
						<view class="person_btnBox" v-if="userid != ID">
							<view class="btn_cell btn_warm" @click="toChat2(resData)" v-if="isFriend == 0">
								<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1745396322440912.png" mode="heightFix" style="height: 28rpx;"></image>
								聊天
							</view>
							<view class="btn_cell btn_green" @click="lookWX">
								<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1737099500851235.png" mode="aspectFill"></image>
								微信
							</view>
							<view class="btn_cell btn_default" v-if="isFriend == 0" @click="addFriend()">
								<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1737099520075693.png" mode="aspectFill"></image>
								好友
							</view>
							<view class="btn_cell btn_default" v-else @click="toChat(resData)">
								<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17453989099571067.png" mode="heightFix" style="height: 28rpx;"></image>
								私信
							</view>
						</view>
					</view>
				</view>
				
				<!-- <view class="ball" v-if="resData.Tag == '星助教' || resData.Tag == '教练'">
					<view class="ball_info">
						<view class="tips">
							<view class="tit">一起运动吧</view>
							<view class="lit">
								服务
								<image class="wujiaox" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17126468552951211.png"></image>
							</view>
						</view>
					</view>
					<view class="rightGroup">
						<view class="ballFee" v-if="resData.PlayFee > 0">
							<span class="feeIcon">￥</span>
							<span class="feeNum">{{ resData.PlayFee }}</span>
						</view>
						<view class="ball_btn" @click.stop="toSpheroid()">约Ta运动</view>
					</view>
				</view> -->
				
				<view class="album">
					<view class="hdbox wap">
						<view class="hd">Ta的魅友圈</view> 
						<view v-if="isMyself" class="puadd" @click="nav_to('/pages/dynamic/dynamic_add')">
							<image class="releaseimg" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1716545108243136.png"></image>
							发布
						</view> 
					</view>
					<!-- <view class="blackimg"></view> -->
					<view v-if="dynamicList.length > 0">
						<block v-for="(item, index) in dynamicList" :key="index">
							<view class="list wap" :class="resData.Sex=='男'?'itemBoy':''">
								<view class="userbox">
									<image class="userimg" :src="resData.UserImgs" mode="aspectFill"></image>
									
									<view class="item_namebox">
										<view class="item_namemain">
											<view class="name_cell">
												<view class="item_name">
													{{ resData.Name ? $util.entitiesToUtf16(resData.Name) : '' }}
												</view>
												<block>
													<image v-if="resData.UserType == '体验会员'"	 class="vipiconimg" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1712643203782247.png" mode="heightFix"></image>
													<image class="vipiconimg" v-if="resData.UserType=='金卡会员'" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1744792231023643.png" mode="heightFix"></image>
													<image class="vipiconimg" v-if="resData.UserType == '黑金年卡会员'" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1744792207318376.png" mode="heightFix"></image>
												</block>
											</view>
											<view class="item_time">
												{{ getTime(item.CreateTime) }}
											</view>
										</view>
										
										<view class="item_lit">{{ getYearStr(item.Birthday) }}后</view>
									</view>
									
								</view>
								<view class="content">
									<text>
										{{ $util.entitiesToUtf16(item.Content) }}
									</text>
								</view>
								<view class="mt20" @click.stop="'';" v-if="item.IsVideo === 0">
									<view class="one" @click.stop="lookimg(item.Images)" v-if="JSON.parse(item.Images).length == 1">
										<image
											class="simg"
											:src="JSON.parse(item.Images)[0] + '?x-oss-process=image/resize,m_fill,w_1500'"
											mode="widthFix"
											@click.stop="lookimg(item.Images, 0)"
										/>
									</view>
									<view class="two" @click.stop="lookimg(item.Images)" v-else-if="JSON.parse(item.Images).length == 2">
										<view class="two-one" @click.stop="lookimg(item.Images, 0)">
											<image class="simg" :src="JSON.parse(item.Images)[0] + '?x-oss-process=image/resize,m_fill,w_1500'" mode="aspectFill" />
										</view>
										<view class="two-two">
											<image
												class="simg"
												:src="JSON.parse(item.Images)[1] + '?x-oss-process=image/resize,m_fill,w_1500'"
												mode="aspectFill"
												@click.stop="lookimg(item.Images, 1)"
											/>
										</view>
									</view>
									<view class="three" @click.stop="lookimg(item.Images)" v-else-if="JSON.parse(item.Images).length == 3">
										<view class="three-one" @click.stop="lookimg(item.Images, 0)">
											<image class="simg" :src="JSON.parse(item.Images)[0] + '?x-oss-process=image/resize,m_fill,w_1500'" mode="aspectFill" />
										</view>
										<view class="three-two">
											<image
												class="simg"
												:src="JSON.parse(item.Images)[1] + '?x-oss-process=image/resize,m_fill,w_1500'"
												mode="aspectFill" style="margin-bottom: 12rpx;"
												@click.stop="lookimg(item.Images, 1)"
											/>
											<image
												class="simg"
												:src="JSON.parse(item.Images)[2] + '?x-oss-process=image/resize,m_fill,w_1500'"
												mode="aspectFill"
												@click.stop="lookimg(item.Images, 2)"
											/>
										</view>
									</view>
									<view class="four" @click.stop="lookimg(item.Images)" v-else-if="JSON.parse(item.Images).length == 4">
										<view class="four-one">
											<view class="four-one-one" @click.stop="lookimg(item.Images, 0)">
												<image class="simg" :src="JSON.parse(item.Images)[0] + '?x-oss-process=image/resize,m_fill,w_1500'" mode="aspectFill" />
											</view>
											<view class="four-one-two" @click.stop="lookimg(item.Images, 1)">
												<image class="simg" :src="JSON.parse(item.Images)[1] + '?x-oss-process=image/resize,m_fill,w_1500'" mode="aspectFill" />
											</view>
										</view>
										<view class="four-two">
											<view class="four-two-one" @click.stop="lookimg(item.Images, 2)">
												<image class="simg" :src="JSON.parse(item.Images)[2] + '?x-oss-process=image/resize,m_fill,w_1500'" mode="aspectFill" />
											</view>
											<view class="four-two-two" @click.stop="lookimg(item.Images, 3)">
												<image class="simg" :src="JSON.parse(item.Images)[3] + '?x-oss-process=image/resize,m_fill,w_1500'" mode="aspectFill" />
											</view>
										</view>
									</view>
									<view class="five" v-else>
										<view class="five-one" v-for="(imgs, index) in JSON.parse(item.Images)" :key="index">
											<image @click.stop="lookimg(item.Images, index)" :src="imgs + '?x-oss-process=image/resize,m_fill,w_1500'" mode="aspectFill" />
										</view>
									</view>
								</view>
								<view class="video_box" v-else @click.stop="">
									<video :src="JSON.parse(item.Images)[0]" :poster="JSON.parse(item.Images)[0] + '?x-oss-process=video/snapshot,t_1,m_fast,ar_auto'"></video>
								</view>
								<view class="ft_btn">
									<view class="citybottom">
										{{ resData.City || '' }}
									</view>
									<view class="buttonbox">
										<view class="btn_iconbox">
											<image class="icon_pad" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1737281402380220.png" mode="widthFix" v-if="item.IsMyZAN == 0" @click="zan(item)"></image>
											<image class="icon_pad" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1737281421672751.png" v-else mode="widthFix"></image>
											<view class="f3 c3" v-if="item.CommunityZAN.length">{{ item.CommunityZAN.length }}</view>
										</view>
										
										<view class="btn_iconbox">
											<image class="icon_pad" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1737281432522387.png" @click="tocommit(item.ID, 0)"></image>
											<view class="f3 c3" v-if="item.TotalGiftNum">{{ item.TotalGiftNum }}</view>
										</view>
										<!-- <image class="icon_pad" :src="ossPath + '/upload/17116215041881268.png'" v-if="item.IsSendGift == 0" @click="open_gift(item)"></image>
										<image class="icon_pad" :src="ossPath + '/upload/17116215041881268.png'" v-else @click="open_gift(item)"></image> -->
										
										
										<uni-icons style="padding: 0 28rpx 0 0rpx;" type="trash" size="20" color="#9b9b9b" @click="delDynamic(item.ID)" v-if="isMyself"></uni-icons>
										
										<!-- #ifdef MP-WEIXIN -->
										<button hover-class="none" open-type="share" :data-id="item.ID">
											<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17372814453271464.png"></image>
										</button>
										<!-- #endif -->
										<!-- #ifdef APP-PLUS -->
										<button hover-class="none" @click="app_share(item)">
											<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17372814453271464.png"></image>
										</button>
										<!-- #endif -->
									</view>
								</view>
								<view v-if="item.CommunityComments.length > 0" class="Commbox">
									<view class="msgbox" v-for="(value, c_index) in item.CommunityComments" :key="c_index">
										<view class="comment" @click="comment_edit(index, c_index)" v-if="value.ReplyID > 0">
											<text>{{ value.Name?$util.entitiesToUtf16(value.Name):'' }} 回复 {{ value.Pre_Name ?$util.entitiesToUtf16(value.Pre_Name):'' }}：</text>
											{{ value.Content?$util.entitiesToUtf16(value.Content):'' }}
										</view>
										<view class="comment" @click="comment_edit(index, c_index)" v-else>
											<text>{{ value.Name?$util.entitiesToUtf16(value.Name):''}}：</text>
											{{ value.Content?$util.entitiesToUtf16(value.Content):'' }}
										</view>
									</view>
								</view>
							</view>
						</block>
						
					</view>
					<view class="empty" style="background-color: #fdf4ff;" v-else>
						<u-empty mode="list" width="64" height="64" :icon="ossPath + '/upload/17124806786111367.png'" :show="true" iconSize="32" text="暂无动态"></u-empty>
					</view>
				</view>
			</view>
			
		</view>

		<uni-popup ref="friends" type="center">
			<view class="x-popup">
				<view class="popup-title">共同好友</view>
				<scroll-view class="popup-wrap" scroll-y="true" :show-crollbar="true" scroll-with-animation="true">
					<view class="x-list">
						<view v-for="(l, i) in mutual_friends" :key="i" class="list-cell" @click="go_user(l)">
							<image class="list-icon" :src="l.HeadImgUrl" mode=""></image>
							<view v-if="i != gift_active" class="list-name">{{ l.Name?$util.entitiesToUtf16(l.Name):'' }}</view>
						</view>
					</view>
				</scroll-view>
				<view class="popup-tip" @click="nav_to('/pages/user/fee_setting?type=2')">共同好友显示设置</view>
				<view class="popup-btn" @click="$refs['friends'].close()">关闭</view>
			</view>
		</uni-popup>

		<uni-popup ref="setting_wx_pop" type="center">
			<view class="weixin">
				<view class="weixin-title">设置微信送体验会员</view>

				<view class="weixin-price">
					<view class="lab">微 信 号：</view>
					<view><input type="text" v-model="my_wechat" /></view>
				</view>
				<view class="weixin-price">
					<view class="lab">回复设置：</view>
					<radio-group @change="setIsAuditApplyWX">
						<label class="item_check">
							<view>
								<radio value="1" />
							</view>
							<view class="desc">直接发送微信号</view>
						</label>
						<label class="item_check">
							<view>
								<radio value="2" />
							</view>
							<view class="desc">需要我同意再发送</view>
						</label>
					</radio-group>
				</view>

				<view class="weixin-btn">
					<view class="btn-cancel" @click="$refs['setting_wx_pop'].close()">取 消</view>
					<view class="btn-comfirm" @click="setting_wx_sub">确 认</view>
				</view>
				<view class="weixin-tips">设置微信可以让更多人加你微信</view>
			</view>
		</uni-popup>

		<!-- 添加对方微信弹出层 -->
		<uni-popup ref="weixin" type="center">
			<view class="member_upgrade" v-if="viptype.length >0">
				<view class="weixin-title">查看微信是会员特权</view>
				<image class="popup-close" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1711589838636258.png" @click.stop="wxcloe"></image>
				<view class="weixin-desc">黑卡包含金卡所有特权</view>
				<view class="contwo">
					<view class="leftjin" @click="priceEvent(0)">
						<view class="jintitle">金卡会员</view>
						<image class="jinhg" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1711590831795629.png"></image>
						<view class="price">
							<block v-if="Issex == '女' && is_first_upgrade">
								<text class="fuhao">￥</text>
								<text class="num">{{viptype[0].Discount == 1?viptype[0].Fee:viptype[0].PValue}}</text>
								<span>/年</span>
							</block>
							<block v-else-if="Issex == '男' && is_first_upgrade">
								<text class="fuhao">￥</text>
								<text class="num">{{viptype[0].Discount == 1?viptype[0].Fee:viptype[0].PValue}}</text>
								<span>/年</span>
							</block>
							<block v-else>
								<text class="fuhao">￥</text>
								<text>{{viptype[0].Discount == 1?viptype[0].Fee:viptype[0].PValue}}</text>
								<span>/年</span>
							</block>
							<!-- <view class="firstc" v-if="Issex == '女'">女生半价</view> -->
							<view class="firstc" v-if="viptype[0].Discount != 1">{{'限时'+(viptype[0].Discount*10)+'折'}}</view>
						</view>
						<view class="name">
							<block v-if="is_first_upgrade">
								<text>{{viptype[0]?viptype[0].Fee:''}}</text>
								<span>/年</span>
							</block>
						</view>
						<view class="desc">免费加好友，加微信</view>
						<image v-if="0 == price_index" class="xuanz" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1711709617776460.png"></image>
					</view>
					<view class="righthei" @click="priceEvent(1)">
						<view class="titlehei">黑卡会员</view>
						<image class="heijin" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1711593314593654.png"></image>
						<view class="numbox">
							<text class="heifu">￥</text>
							<text v-if="is_first_upgrade" class="heinum">{{  Math.round(viptype[1].Fee*0.7) }}</text>
							<text v-else class="heinum">{{viptype[1].Discount == 1?viptype[1].Fee:viptype[1].PValue}}</text>
							<!-- <text  v-if="Issex == '男' && is_first_upgrade" class="heinum">1188</text>
							<text v-else class="heinum"></text> -->
							<span>/年</span>
							<!-- <view class="firstchei" v-if="Issex == '女'">女生半价</view> -->
							<view class="firstchei" v-if="viptype[1].Discount != 1">{{'限时'+(viptype[1].Discount*10)+'折'}}</view>
						</view>
						<view class="name">
							<block v-if="is_first_upgrade">
								<text>{{Math.round(viptype[1].Fee) }}</text>
								<span>/年</span>
							</block>
						</view>
						<view class="deschei">定制运动</view>
						<image v-if="1 == price_index" class="xuanz" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1711709617776460.png"></image>
					</view>
				</view>
				<view class="weixin-btn">
					<block v-if="is_promotion">
						<view class="btn-single" @click="ApplyWXPay()">
							<view class="del-line">
								单次付费(
								<text>10</text>
								)
							</view>
							<view class="tips">限时优惠{{ wx_price }}</view>
						</view>
					</block>
					<block v-else>
						<view class="btn-single" @click="ApplyWXPay()">
							单次付费(
							<text>10</text>
							)
						</view>
					</block>
					<view class="btn-upgrade" @click="member_upgrade()">开通会员</view>
				</view>
				<view class="desctishi">
					<image class="tishi" src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1711594876777304.png"></image>
					<text>
						提示：如果对方拒绝或超过5天未回应，费用将退回您平台余额
					</text>
					
				</view>
				
			</view>
		</uni-popup>

		<uni-popup ref="member_upgrade" type="center">
			<view class="member_upgrade">
				<view class="weixin-title">
					开通会员享受更多特权
					<view class="popup-close" @click="$refs['member_upgrade'].close()">X</view>
				</view>
				<view class="weixin-desc">黑卡包含金卡所有特权</view>
				<view class="member-list">
					<view @click="priceEvent(0)" :class="{ active: 0 == price_index }" key="0" class="member-item">
						<view class="title">金卡会员</view>
						<view class="price">
							<block v-if="is_first_upgrade">
								<text>{{ viptype[0].Discount == 1?viptype[0].Fee:viptype[0].PValue}}</text>
								<span>元/年</span>
							</block>
							<block v-else>
								<text>{{ viptype[0].Discount == 1?viptype[0].Fee:viptype[0].PValue}}</text>
								<span>元/年</span>
							</block>
						</view>
						<view class="name">
							<block  v-if="viptype[0].Discount < 1">
								<text>{{ viptype[0].Discount == 1?viptype[0].Fee:viptype[0].PValue}}</text>
								{{'限时'+(viptype[0].Discount*10)+'折'}}
							</block>
						</view>
						<view class="name" @click="nav_to(`/pages/user/apply_member?t=1`)">权益介绍</view>
						<view class="desc">免费加好友，加微信</view>
					</view>
					<view @click="priceEvent(1)" :class="{ active: 1 == price_index }" key="1" class="member-item">
						<view class="title">黑卡会员</view>
						<view class="price">
							<block v-if="is_first_upgrade">
								<text>{{ viptype[1].Discount == 1?viptype[1].Fee:viptype[1].PValue }}</text>
								<span>元/年</span>
							</block>
							<block v-else>
								<text>{{ viptype[1].Discount == 1?viptype[1].Fee:viptype[1].PValue }}</text>
								<span>元/年</span>
							</block>
						</view>
						<view class="name">
							<block v-if="viptype[1].Discount < 1">
								<text>{{ viptype[1].Discount == 1?viptype[1].Fee:viptype[1].PValue}}</text>
								{{'限时'+(viptype[1].Discount*10)+'折'}}
							</block>
						</view>
						<view class="name" @click="nav_to(`/pages/user/apply_member?t=2`)">权益介绍</view>
						<view class="desc">定制运动</view>
					</view>
				</view>

				<view class="weixin-btn">
					<view class="btn-upgrade" @click="member_upgrade()">开通会员</view>
				</view>
			</view>
		</uni-popup>

		<!-- 免费查看微信 -->
		<uni-popup ref="free_wechat" type="center">
			<view class="member_upgrade">
				<view class="weixin-title">
					您的会员权益
					<view class="popup-close" @click="$refs['free_wechat'].close()">X</view>
				</view>
				<view class="weixin-price">
					<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/icon/wx_logo.png" mode=""></image>
				</view>
				<view class="weixin-btn">
					<view class="btn-upgrade" @click="directPay()">黑卡特权</view>
					<view class="btn-single" @click="applyFreeWx()">申请查看</view>
				</view>
				<view class="weixin-desc">提示：申请查看微信，仍需对方同意方可查看微信号</view>
			</view>
		</uni-popup>

		<uni-popup ref="my_wechat" type="center">
			<view class="weixin">
				<view class="weixin-title">{{ resData.Name || '' }}的微信号</view>
				<view class="weixin-price">
					<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/icon/wx_logo.png" mode=""></image>
				</view>
				<view class="weixin-price">
					{{ resData.WechatNo }}
				</view>
				<view class="weixin-btn">
					<view class="btn-cancel" @click="$refs['my_wechat'].close()">关 闭</view>
					<view class="btn-comfirm" @click="CopyWechatNO(resData.WechatNo)">复 制</view>
				</view>
			</view>
		</uni-popup>

		<!-- 赠送礼物弹出层 -->
		<uni-popup ref="gift" type="center">
			<view class="x-popup">
				<view class="popup-title">
					赠送对方礼物
					<view class="xiaoju-popup-close" @click="$refs['gift'].close()">关闭</view>
				</view>
				<scroll-view class="popup-wrap" scroll-y="true" :show-crollbar="true" scroll-with-animation="true">
					<view class="x-list">
						<view v-for="(l, i) in gift" :key="i" @click="gift_active = i" class="list-cell" :class="{ 'list-active': i == gift_active }">
							<image class="list-icon" :src="l.Icon ? l.Icon : '/static/img/icon_bbt.png'" mode=""></image>
							<view v-if="i != gift_active" class="list-name">{{ l.Name }}</view>
							<view class="list-price">￥{{ l.Price }}</view>
							<view v-if="i == gift_active" class="list-btn">
								<view class="add" @click="gift_num_reduce(l)">-</view>
								<view class="count">
									{{ l.Num }}
								</view>
								<view class="add" @click="gift_num_plus(l)">+</view>
							</view>
						</view>
					</view>
				</scroll-view>
				<view class="popup-btn" @click="giftEvent()">赠送</view>
			</view>
		</uni-popup>
		<!-- 财富等级说明 -->
		<uni-popup ref="board" type="center">
			<scroll-view class="scroll" scroll-y>
				<view class="boardbox">
					<view class="titbox">
						<view class="title">
							财富等级说明
						</view>
						<view class="lit">
							财富等级是指用户在动魅平台里所有消费的总额，下面是等级对应表
						</view>
					</view>
					<view class="box">
						<view class="box_item">
							等级
						</view>
						<view class="box_num">
							起始(元)
						</view>
						<view class="box_num">
							截止(元)
						</view>
					</view>
					<block v-if="boardInfo.length">
						<view class="box" v-for="item in boardInfo" :key="item.id">
							<view class="box_item">
								Lv{{item.WealthLevel}}
							</view>
							<view class="box_num">
								{{item.Start_Consume}}
							</view>
							<view class="box_num">
								{{item.End_Consume}}
							</view>
						</view>						
					</block>
				</view>		
				<view class="board_btn">
					<view class="btn_" @click="levelClose">
						关闭
					</view>
				</view>
			</scroll-view>
		</uni-popup>

		<!-- APP 分享 转发好友、朋友圈 -->
		<!-- #ifdef APP-PLUS -->
		<uni-popup ref="share" type="bottom">
			<view class="x-share">
				<view class="item" @click="shareWX()">
					<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/icon/wx_logo.png"></image>
					<span>转发好友</span>
				</view>
				<view class="item" @click="sharePYQ()">
					<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/icon/pyq_logo.png"></image>
					<span>分享朋友圈</span>
				</view>
			</view>
		</uni-popup>
		<!-- #endif -->
		
		<!-- 聊天送礼 -->
		<uni-popup ref="giftPop" type="bottom" @maskClick="closeChatGift()">
			<view class="x-popup-talk">
				<view class="talk-box">
					<view class="talk-title">
						快和TA聊聊吧~
					</view>
					<view class="talk-close" @click="closeChatGift()">
						先不聊了
					</view>
				</view> 
				
				<view class="talk-main">
					<view class="talk-lit">
						有诚意的人更受欢迎，送个小礼物表达心意吧~
					</view>
					<view class="talk-gift">
						<view class="gift_cell" :class="index==giftChat_active?'gift_active':''" v-for="(item,index) in giftChat" :key="index" @click="tapGiftTalk(item,index)">
							<view class="gift_icon">
								<image :src="item.Icon ? item.Icon : '/static/img/icon_bbt.png'" mode="aspectFill"></image>
							</view>
							
							
							<!-- <block v-if="index==giftChat_active">
								<view class="gift_title">
									￥{{ item.Price }}
								</view>
								<view class="gift_countCell">
									<view class="count_icon" @click="gift_num_reduce(item)">
										<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17450329887431096.png" mode="aspectFill"></image>
									</view>
									<view class="count_num">
										{{ item.Num }}
									</view>
									<view class="count_icon" @click="gift_num_plus(item)">
										<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1745032957899716.png" mode="aspectFill"></image>
									</view>
								</view>
							</block> -->
							<block>
								<view class="gift_title">
									{{ item.Name }}
								</view>
								<view class="gift_price" v-if="!item.GoUrl">
									￥{{ item.Price }}
								</view>
								<view class="gift_price" style="opacity: 0;" v-else>
									￥{{ item.Price }}
								</view>
							</block>
							
							
							
						</view>
					</view>	
					
				</view>
				
				<!-- <scroll-view class="popup-wrap" scroll-y="true" :show-crollbar="true" scroll-with-animation="true">
					<view class="x-list">
						<view v-for="(l, i) in gift" :key="i" @click="gift_active = i" class="list-cell"
							:class="{ 'list-active': i == gift_active }">
							<image class="list-icon" :src="l.Icon ? l.Icon : '/static/img/icon_bbt.png'" mode=""></image>
							<view v-if="i != gift_active" class="list-name">{{ l.Name }}</view>
							<view class="list-price">￥{{ l.Price }}</view>
							<view v-if="i == gift_active" class="list-btn">
								<view class="add" @click="gift_num_reduce(l)">-</view>
								<view class="count">
									{{ l.Num }}
								</view>
								<view class="add" @click="gift_num_plus(l)">+</view>
							</view>
						</view>
					</view>
				</scroll-view> -->
				<view class="popup-btn" v-if="giftChatInfo && giftChatInfo.GoUrl" @click="goPayVip()">
					开通会员
				</view>
				<view class="popup-btn" v-else @click="sendTalkGift()">
					<text v-if="talkGiftTotal">￥{{talkGiftTotal}}</text>赠送	
				</view>
				
			</view>
		</uni-popup>

		<inputBox :commit="commit2" @submit="submit"></inputBox>
	</view>
</template>

<script>
import topStatus from '@/components/topStatus/topStatus.vue';
import inputBox from './components/input-box.vue';
export default {
	components: {
		topStatus,
		inputBox
	},
	tabTop: 0,
	data() {
		return {
			tagColor:[
					{
          color: '#58ABFF',
          bgColor: '#2A3747',
        },
        {
          color: '#5EEC87',
          bgColor: '#264139',
        },
        {
          color: '#FF5684',
          bgColor: '#372A34',
        },
        {
          color: '#FF9241',
          bgColor: '#3E3731',
        },
        ],
			tag:[],
			viptype:[],
			IsOpenAuth:0,
			boardInfo:[],
			userid: null,
			Issex: null,
			textMore: false,
			_freshing: true,
			load: false,
			resData: {},
			ID: null,
			oldList: [],
			imglist: [],
			shareTitle: '动魅', //转发的标题
			sharePath: '', //转发的页面
			shareImg: '',
			PageIndex: 1,
			PageSize: 30,
			CompanyID: 6002,
			isMore: true,
			imglistLlength: 0,
			isFriend: 0,
			FriendPath: {},
			isAdmin: true,
			mutual_friends: [],
			isMyself: false,
			isHideFriend: true,
			isManager: false,
			dynamicList: [],
			dynamicLength: 0,
			cz_price: 100,
			zan_id: 0,
			cache_user: {},

			gift: [], //礼物数组
			gift_active: -1, //当前选中礼物
			sel_community: '',

			convInfo: {},

			my_wechat: '',
			IsAuditApplyWX: 3,

			CurrentUserType: '普通用户',
			CurrentFreeNum: 0,

			price_index: 0,
			member_price: 0, // 男生费用
			wmember_price: 0, // 女生费用
			is_first_upgrade: false,
			is_superlike: false,
			superlike_num: 0,

			is_save_userbrowse: true, //是否保存用户浏览日志

			//人气榜排名
			pop_seq: 0,
			//消费榜排名
			con_seq: 0,

			//微信价格
			wx_price: 200,
			is_promotion: 0,

			ossPath: null,
			commit2: false,
			review_id: 0,
			comment_id: 0,
			sportType:'',
			sportimg:'',
			showNav:false,
			
			stHeight:0,
			
			talkGift:{
				count:0,
				price:0
			},
			giftChat:[],
			giftChat_active:0,
			giftChatInfo:null,
			My:null	
		};
	},
	computed: {
		talkGiftTotal(){
			let total = this.talkGift.count * this.talkGift.price
			if (Number.isInteger(total)) {
				return total;
			} else {
				return parseFloat(total.toFixed(2));
			}
			
		},
		getWechatNo(l) {
			return (l) => {
				if (l) {
					let arr = l.split('');
					//console.log(arr.length);
					arr.splice(2, arr.length - 4, '***');
					let str = arr.join('');
					return str;
				} else {
					return '--';
				}
			};
		},
		getDesc(l) {
			return (l) => {
				if (l) {
					return this.handlerStr(l);
				} else {
					return '--';
				}
			};
		},
		isVip(){
			if(this.My && this.My.UserType){
				// this.My.UserType = '金卡会员'
				let tyIndex = this.My.UserType.indexOf('体验') 
				let index = this.My.UserType.indexOf('会员') 
				console.log('this.My------this.My-----------',tyIndex,index);
				return tyIndex!=-1 ? false : index!=-1 ? true : false
			}
		},
	},
	async onShow() {
		this.lookMember();
		this.dynamicList = []
		this.PageIndex = 1
		this.getDynamicList();
		this.ossPath = this.$ossPath;
		this.sportType = uni.getStorageSync('sportType');
		this.getMyInfo()
	},
	mounted() {
		let _this = this;
		uni.getSystemInfo({
			success: res => {
				_this.stHeight = res.statusBarHeight;
			},
			fail(err) {
				console.log(err);
			}
		})
	},
	async onLoad(e) {
			this.userid = uni.getStorageSync('user').UserID;
			if (e.id) {
				this.ID = e.id;
			} else if (e.scene) {
				console.timeLog('sence====' + e.scene);
				this.ID = e.scene;
			}
			this.sportType = uni.getStorageSync('sportType');
			this.getUserImg()
			this.pop_seq = 0;

			if (e.ub == -1) {
				//有些页面过来的浏览不保存记录
				this.is_save_userbrowse = false;
			}
			// #ifdef MP-WEIXIN
			if (await this.$store.getters.getLoginState) {
				//刷新用户状态
				this.upDateInfo();

				this.cache_user = uni.getStorageSync('user');

				console.log(JSON.stringify(this.cache_user));
				this.CurrentUserType = this.cache_user.UserType;
				if (this.CurrentUserType == '金卡会员') {
					this.CurrentFreeNum = 1;
				} else if (this.CurrentUserType == '年卡会员') {
					this.CurrentFreeNum = 2;
				} else if (this.CurrentUserType == '黑金年卡会员') {
					this.CurrentFreeNum = 3;
				} else if (this.CurrentUserType == '普通用户' || this.CurrentUserType == '体验会员') {
					this.CurrentFreeNum = 0;
				}

				this.init();

				this.GetGift();
			}
			// #endif

			// #ifdef APP-PLUS

			//刷新用户状态
			this.upDateInfo();

			this.cache_user = uni.getStorageSync('user');
			this.CurrentUserType = this.cache_user.UserType;
			if (this.CurrentUserType == '金卡会员') {
				this.CurrentFreeNum = 1;
			} else if (this.CurrentUserType == '年卡会员') {
				this.CurrentFreeNum = 2;
			} else if (this.CurrentUserType == '黑金年卡会员') {
				this.CurrentFreeNum = 3;
			} else if (this.CurrentUserType == '普通用户' || this.CurrentUserType == '体验会员') {
				this.CurrentFreeNum = 0;
			}

			this.init();

			this.GetGift();
			// #endif
			this.AppAuth()
			uni.$on('tag',async ()=>{
				let res = await this.$api.post('User/GetUserInfo', {
					ID: this.ID
				});
				this.resData = res?.data;
				if(res.data.Tag){
					this.tag = res.data.Tag.split(',')
				}else{
					this.tag = []
				}
			})
			this.GetChatGift()
	},
	onunload() {
			uni.$off('tag')
		},
	onShareAppMessage(e) {
			//发送给朋友
			// let trendsIndex = e.target.dataset.trendsIndex;
			console.log('==========');
			console.log(e);
			if (e.target) {
				let trendsId = e.target.dataset.id; //有id是分享单独的动态
				let trendtype = e.target.dataset.type; //有type是分享这个页面
				if (trendsId > 0) {
					let o = this.dynamicList.find((item) => item.ID == trendsId);
					let pid = uni.getStorageSync('user').UserID;

					console.log('pages/dynamic/detail?pid=' + pid + '&id=' + trendsId);

					this.shareTitle = '动魅精彩瞬间，您不容错过';
					this.sharePath = 'pages/dynamic/detail?pid=' + pid + '&id=' + trendsId;
					this.shareImg = o.IsVideo == 1 ? JSON.parse(o.Images)[0] + '?x-oss-process=video/snapshot,t_1,m_fast,ar_auto' : JSON.parse(o.Images)[0];
					return {
						title: this.shareTitle,
						path: this.sharePath,
						imageUrl: this.shareImg
					};
				}
				if (trendtype > 0) {
					// let o = this.resData.UserImgs;
					let pid = uni.getStorageSync('user').UserID;

					this.shareTitle = '动魅精彩瞬间，您不容错过';
					this.sharePath = 'pages/user/user_visitor?pid=' + pid + '&id=' + trendtype;
					this.shareImg = this.resData.UserImgs;
					return {
						title: this.shareTitle,
						path: this.sharePath,
						imageUrl: this.shareImg
					};
				}
			} else {
				console.log(`/pages/user/user_visitor?pid=${id}&id=${this.resData.ID}`);

				let id = this.cache_user.UserID;

				let Name = this.cache_user.Name;
				if (this.resData.Sex == '女') {
					return {
						title: `${Name}给你推荐了一位动魅美女`,
						path: `/pages/user/user_visitor?pid=${id}&id=${this.resData.ID}`,
						imageUrl: this.resData.UserImgs
					};
				} else {
					return {
						title: `${Name}给你推荐了一位动魅高手`,
						path: `/pages/user/user_visitor?pid=${id}&id=${this.resData.ID}`,
						imageUrl: this.resData.UserImgs
					};
				}
			}
	},
	onPageScroll(e) {
		let height = e.scrollTop
		// console.log(height);
		if(height > 220){
			this.showNav = true
		}else{
			this.showNav = false
		}
	},
	methods: {
		goBack() {
			const pages = getCurrentPages();
			if (pages.length > 1) {
					// 如果页面栈长度大于1，则说明有上一页，可以返回
					uni.navigateBack();
			} else {
					// 如果没有上一页，则导航到首页
					uni.reLaunch({
							url: '/pages/tab/home'
					});
			}
		},
		async getMyInfo(){
			let res = await this.$api.post('/User/GetUserInfo',{
				ID : uni.getStorageSync('user').UserID
			})
			if(res.data){
				this.My = res.data
				// uni.setStorageSync('user',res.data)
			}
		},
		async getUserImg() {
			let res = await this.$api.post("/Member/GetUserImages",{
				UserID:this.ID
			});
			if (res.code == 0) {
				if (res.data) {
					if(this.sportType){
						for (let i = 0; i < res.data.length; i++) {
							if(this.sportType == res.data[i].SportType){
								this.sportimg = res.data[i].ImageUrl
								return
							}else{
								this.sportimg = res.data[0].ImageUrl
							}
							console.log('=>>>>>>>>>>>>SportType>>>>>>>>>>',this.sportimg);
						}
					}else{
						this.sportimg = res.data[0].ImageUrl
						console.log('=>>>>>>>>>>>>>>>>>>>>>>',this.sportimg);
					}
					
				}
			}
		},
		goTag(item){
				console.log(item);
				// this.nav_to(`/pages/user/tagUser?tag=${item}`)
			},
		randomColor(){
				let num =  Math.floor(Math.random() * 4)
				return this.tagColor[num].color+';background:'+this.tagColor[num].bgColor
			},
		wxcloe(){
			this.$refs['weixin'].close()
		},
		async GetUserType(){
			let res = await this.$api.post('Member/GetUserType', {
					CompanyID: 6003
				});
				if(res.code == 0){
					this.viptype = res.data
					this.member_price = this.viptype[0].Discount == 1?this.viptype[0].Fee:this.viptype[0].PValue
				}
		},
		async AppAuth(){
				let res = await this.$api.post('Common/AppAuth')
				this.IsOpenAuth = res?.data?.IsOpenAuth || 0
			},
		levelFun(){
			this.$refs.board.open()
		},
		levelClose(){
			this.$refs.board.close()
		},
		//回复消息
		comment_edit(index, c_index) {
			let _this = this;
			const user = uni.getStorageSync('user');

			const item = this.dynamicList[index].CommunityComments[c_index];

			if (user.ID == item.UserID) {
				uni.showActionSheet({
					itemList: ['删除评论'],
					success: function (res) {
						if (res.tapIndex == 0) {
							_this.delReview(index, c_index);

							return;
						}
					},
					fail: function (res) {}
				});
			} else {
				//直接回复
				this.tocommit(item.CommunityID, item.ID);
			}
		},
		// 评论
		async tocommit(ID, C_ID) {
			console.log('>>>>>>>>>>>>>>>>>>>>>>>>>>>');
			let u = await this.$api.post('User/GetUserInfo', {
				ID: uni.getStorageSync('user').ID
			});
			
			this.cache_user = u.data;
			
			
			let _this = this;
			if (_this.cache_user.IsAuth == 0) {
				uni.showModal({
					title: '温馨提示',
					content: '您还没注册，请先注册',
					confirmText: '确定',
					success: function (rs) {
						if (rs.confirm) {
							_this.nav_to('/pages/start/start2')
							return
						} else if (rs.cancel) {
			
						}
					}
				});
				return
			}
			// console.log(id);
			this.commit2 = !this.commit2;
			console.log(this.commit2);
			this.review_id = ID;
			this.comment_id = C_ID;

			console.log('评论ID', this.review_id, this.comment_id);
		},
		async delReview(index, c_index) {
			const item = this.dynamicList[index].CommunityComments[c_index];

			let res = await this.$api.post('/Community/DeletePage', {
				ID: item.ID
			});
			this.$pv.msg('删除成功');

			this.dynamicList[index].CommunityComments.splice(c_index, 1);
		},
		delDynamic(ID){
			let _this = this;
			let index = this.dynamicList.findIndex((item) => item.ID === ID)
			// console.log('11111111222222',index);
			uni.showModal({
				title: '温馨提示',
				content: '您确定要删除这条动态吗?',
				confirmText: "删除",
				success: async function(res) {
					if (res.confirm) {
						let rex = await _this.$api.post('/Community/Delete', {
							ID: ID
						});
						_this.dynamicList.splice(index, 1)
					} else if (res.cancel) {
						
					}
				}
			});
		},
		async submit(val) {
			if (val != '') {
				// console.log(val);
				let utf16 = this.$util.utf16ToEntities(val).slice(0,200);
				let res = await this.$api.post('/Community/UserComment', {
					CommunityID: this.review_id,
					Content: utf16,
					CompanyID: 6002,
					ReplyID: this.comment_id
				});
				console.log(JSON.parse(res.data));
				if (JSON.stringify(res.data) == 'true') {
					this.dynamicList.forEach((item, index) => {
						if (item.ID == this.review_id) {
							item.CommunityComments.push({
								UserID: uni.getStorageSync('user').UserID,
								HeadImgUrl: uni.getStorageSync('user').HeadImgUrl,
								Name: uni.getStorageSync('user').Name,
								Content: val,
								CreateTime: new Date(),
								ReplyID: this.comment_id
							});
							this.dynamicList.splice(index, 1, item);
						}
					});

					this.commit2 = !this.commit2;
				}
			} else {
				this.$pv.msg('评论不能为空');
			}
		},
		nav_back() {
			uni.navigateBack({
				delta: 1
			});
		},

		show_wealth_tips(l) {
			this.$pv.msg('财富等级：' + l);
		},
		priceEvent(i) {
			this.price_index = i;
			if (i == 0) {
				if (this.Issex == '女') {
					this.member_price = this.viptype[0].Discount == 1?this.viptype[0].Fee:this.viptype[0].PValue;
				} else {
					this.member_price = this.viptype[0].Discount == 1?this.viptype[0].Fee:this.viptype[0].PValue;
				}
			} else {
				if (this.Issex == '女') {
					this.member_price = this.viptype[1].Discount == 1?this.viptype[1].Fee:this.viptype[1].PValue;
				} else {
					this.member_price = this.viptype[1].Discount == 1?this.viptype[1].Fee:this.viptype[1].PValue;
				}
			}
		},
		async get_superlike() {
			let res = await this.$api.post('Community/MyFans', {
				UserID: this.ID
			});

			if (res.data) {
				this.superlike_num = res.data.length;
			}
		},
		async superlike() {
			let u = await this.$api.post('User/GetUserInfo', {
				ID: uni.getStorageSync('user').UserID
			});

			this.cache_user = u.data;

			if (this.cache_user.IsAuth == 0) {
				let _this = this;
				uni.showModal({
					title: '温馨提示',
					content: '非注册用户不能Superlike，请注册账号',
					confirmText: '关闭',
					cancelText: '注册账号',
					success: function (res) {
						if (res.confirm) {
							uni.navigateBack({
								delta: 1
							});
						} else if (res.cancel) {
							_this.nav_to('/pages/start/start2');
						}
					}
				});
				return;
			}

			if (this.cache_user.UserType == '普通用户') {
				this.$refs.member_upgrade.open();
				return;
			}

			let res = await this.$api.post('Community/Attention', {
				FocusUserID: this.ID
			});

			if (!res) {
				this.$pv.msg('不能给他Superlike');
				return;
			}

			this.get_superlike();

			this.$pv.msg('哇哦，好喜欢~~');

			this.is_superlike = true;
		},
		directPay() {
			this.$refs.free_wechat.close();

			this.nav_to('/pages/user/apply_member');
		},
		async applyFreeWx() {
			this.$refs['free_wechat'].close();

			//记录一下谁点击了微信
			let res = await this.$api.post('Friend/FreeApplyWechatNo', {
				ToUserID: this.ID
			});

			//发一条信息给对方
			//发送消息
			this.$im.sendCustomMessage({
					conversationID: uni.$prefix + this.ID,
					subType: 12,
					message: JSON.stringify({
						EventID: res.data,
						remark: '加微信'
					})
				});

			const convInfo = {
				id: this.ID,
				name: this.resData.Name
			};

			const preid = uni.$prefix + convInfo.id;
			this.nav_to(`/pages/im/chat?conversationID=${preid}&conversationName=${convInfo.name}`);
		},
		setIsAuditApplyWX(e) {
			this.IsAuditApplyWX = e.detail.value;
			console.log('0000----' + this.IsAuditApplyWX);
		},
		CopyWechatNO(wechatno) {
			let _this = this;
			wx.setClipboardData({
				data: wechatno,
				success(res) {
					_this.$pv.msg('复制成功');
				}
			});
		},
		app_share(item) {
			this.sel_community = item;
			this.$refs.share.open();
		},
		//礼数数减
		gift_num_reduce(l) {
			if(item.Num==1) return
			if (l.Num >= 1) {
				l.Num--;
			}
		},
		//礼物数加
		gift_num_plus(l) {
			if(item.Num==999){
				this.$pv.msg('超过最大上限')
				return
			}
			if (l.Num >= 1	) {
				l.Num++;
			}
		},
		async userUpdate() {
			this.$refs['weixin'].close();
			this.nav_to('/pages/user/apply_member');
		},

		async member_upgrade() {
			let fee = this.member_price;
			if (this.is_first_upgrade) {
				fee = this.member_price * 0.7;
			}
			if (this.Issex == '女' && this.is_first_upgrade && this.price_index == 0) {
				fee = this.member_price * 0.7;
			}
			// id=123129&type=0&name=abc
			let pres = await this.$api.post('Payment/Pay', {
				total_fee: fee,
				EventType: '会员升级',
				EventID: 0,
				body: this.price_index == 0 ? '金卡会员' : '黑金年卡会员',
				SourcePage: 'user_visitor',
				// #ifdef MP-WEIXIN
				PayChannel: 'weixin',
				// #endif
				// #ifdef APP
				PayChannel: 'app'
				// #endif
			});

			if (pres.data == 0) {
				//已余额支付成功

				this.$pv.msg('会员开通成功');
				// 关闭添加微信弹出层
				this.$refs['weixin'].close();

				return;
			}

			let payObj = JSON.parse(pres.data);
			console.log(payObj);
			let _this = this;
			uni.requestPayment({
				provider: 'wxpay',
				// #ifdef APP
				orderInfo: payObj,
				// #endif
				// #ifdef MP-WEIXIN
				timeStamp: payObj.timeStamp,
				nonceStr: payObj.nonceStr,
				package: payObj.package,
				signType: payObj.signType,
				paySign: payObj.paySign,
				// #endif
				success(res) {
					// _this.$pv.msg('等待对方同意');
					_this.$refs['weixin'].close();

					_this.$pv.msg('会员开通成功');

					setTimeout(() => {
						_this.upDateInfo();
					}, 500);
				},
				fail(err) {
					console.log(err);
					_this.$pv.msg('支付失败');
				}
			});
		},

		async upDateInfo() {
			let res = await this.$api.post('User/GetUserInfo', {
				ID: uni.getStorageSync('user').UserID
			});
			console.log('================' + JSON.stringify(res.data));
			let user = res.data;
			user.UserID = res.data.ID;
			this.Issex = res.data.Sex;
			uni.setStorageSync('user', user);
			this.$store.commit('setUser', user);
		},

		// 确认添加对方微信的相关处理
		async ApplyWXPay() {
			//先产生一条微信申请记录
			let r_wc = await this.$api.post('Friend/ApplyWechatNo', {
				ToUserID: this.ID
			});

			console.log(r_wc.data);

			// id=123129&type=0&name=abc
			let pres = await this.$api.post('Payment/PayV2', {
				total_fee: 10,
				EventType: '申请微信',
				EventID: r_wc.data,
				body: '加微信',
				SourcePage: 'user_visitor',
				// #ifdef MP-WEIXIN
				PayChannel: 'weixin',
				// #endif
				// #ifdef APP
				PayChannel: 'app'
				// #endif
			});

			if (pres.data == 0) {
				//已余额支付成功

				// this.$pv.msg('鲜花赠送成功');
				// 关闭添加微信弹出层
				this.$refs['weixin'].close();

				if (this.resData.IsAuditApplyWX == 1) {
					//直接展示微信号
					this.$refs['my_wechat'].open();
				} else {
					//发送消息给对方确认
					this.$im
						.sendMessage(
							200,
							JSON.stringify({
								type: 'weixin',
								Price: 200,
								EventID: r_wc.data
							}),
							this.ID,
							10
						)
						.then((res) => {});

					const convInfo = {
						id: this.ID + '',
						type: 0,
						name: this.resData.Name
					};

					const preid = uni.$prefix + convInfo.id;
					this.nav_to(`/pages/im/chat?id=${preid}&type=${convInfo.type}&name=${convInfo.name}`);
				}
				return;
			}

			let payObj = JSON.parse(pres.data);
			console.log(payObj);
			let _this = this;
			uni.requestPayment({
				provider: 'wxpay',
				// #ifdef APP
				orderInfo: payObj,
				// #endif
				// #ifdef MP-WEIXIN
				timeStamp: payObj.timeStamp,
				nonceStr: payObj.nonceStr,
				package: payObj.package,
				signType: payObj.signType,
				paySign: payObj.paySign,
				// #endif
				success(res) {
					// _this.$pv.msg('等待对方同意');
					_this.$refs['weixin'].close();

					//如果该用户设置成自动回复，那就直接发送微信号

					if (_this.resData.IsAuditApplyWX == 1) {
						//直接展示微信号
						_this.$refs['my_wechat'].open();
					} else {
						//发送消息
						_this.$im
							.sendMessage(
								200,
								JSON.stringify({
									type: 'weixin',
									Price: 200,
									EventID: r_wc.data
								}),
								_this.ID,
								10
							)
							.then((res) => {});

						const convInfo = {
							id: _this.ID + '',
							type: 0,
							name: _this.resData.Name
						};
						const preid = uni.$prefix + convInfo.id;
						_this.nav_to(`/pages/im/chat?id=${preid}&type=${convInfo.type}&name=${convInfo.name}`);
					}
				},
				fail(err) {
					console.log(err);
					_this.$pv.msg('支付失败');
				}
			});
		},
		// 聊天送礼
		tapGiftTalk(item,index){
			this.giftChat_active = index
			this.giftChatInfo = this.giftChat[this.giftChat_active]
			item.Num = 1
			this.talkGift.count = item.Num
			this.talkGift.price = item.Price
		},
		closeChatGift(){
			this.$refs['giftPop'].close()
			this.giftChat_active = 0
			this.giftChatInfo = this.giftChat[this.giftChat_active]
		},
		async GetChatGift() {
			let res = await this.$api.post('Friend/GetChatGift');
			this.giftChat = res.data || [];
			if(this.giftChat.length){
				this.giftChatInfo = this.giftChat[this.giftChat_active]
			}
		},
		goPayVip(){
			this.nav_to(this.giftChatInfo.GoUrl)
			this.closeChatGift()
		},
		async sendTalkGift(){
			let giftInfo = this.giftChat[this.giftChat_active]
			
			let GiftRes = await this.$api.post('/Friend/SendGiftForChat',{
				ToUserID:this.resData.ID,
				GiftID:giftInfo.ID
			})
			
			if(GiftRes.code==0){
				let pres = await this.$api.post('Payment/PayV2', {
					total_fee: this.talkGiftTotal,
					EventType: '开聊送礼',
					EventID: JSON.stringify(GiftRes.data),
					body: giftInfo.Name,
					SourcePage: 'user_visitor',
					// #ifdef MP-WEIXIN
					PayChannel: 'weixin',
					// #endif
					// #ifdef APP
					PayChannel: 'app'
					// #endif
				});
				// 已余额支付成功
				if (pres.data == 0) {
					// 提示赠送成功
					// this.$pv.msg('礼物赠送成功');
					// 关闭礼物弹出层
					
					this.closeChatGift()
					// this.$im.sendCustomMessage({
					// 	conversationID: this.resData.ID,
					// 	subType: 10,
					// 	message: JSON.stringify({
					// 		id: GiftRes.data,
					// 		name: giftInfo.Name,
					// 		icon: giftInfo.Icon,
					// 		price: this.talkGiftTotal
					// 	})
					// });
					
					this.toChat(this.resData)
					return;
				}
				// 支付成功返回的内容
				let payObj = JSON.parse(pres.data);
				
				let _this = this;
				// 调用uni支付API
				uni.requestPayment({
					// 服务提供商
					provider: 'wxpay',
					// #ifdef APP
					orderInfo: payObj,
					// #endif
					// #ifdef MP-WEIXIN
					timeStamp: payObj.timeStamp,
					nonceStr: payObj.nonceStr,
					package: payObj.package,
					signType: payObj.signType,
					paySign: payObj.paySign,
					// #endif
					success(res) {
						// _this.$pv.msg('等待对方同意');
						// 关闭礼物弹出层
						
						_this.closeChatGift()
						// _this.$pv.msg('礼物赠送成功');
				
					
						// _this.$im.sendCustomMessage({
						// 	conversationID: _this.resData.ID,
						// 	subType: 10,
						// 	message: JSON.stringify({
						// 		id: GiftRes.data,
						// 		name: giftInfo.Name,
						// 		icon: giftInfo.Icon,
						// 		price: _this.talkGiftTotal
						// 	})
						// });
						_this.toChat(_this.resData)
					},
					fail(err) {
						_this.$pv.msg('支付失败');
					}
				});
			}else{
				this.$pv.msg(GiftRes.message)
			}
		},
		// 获取礼物列表
		async GetGift() {
			let res = await this.$api.post('Friend/GetGift');
			this.gift = res.data || [];
		},
		open_gift(item) {
			this.sel_community = item;
			this.$refs['gift'].open();
		},
		// 赠送礼物的相关逻辑
		async giftEvent() {
			// 当前选中礼物
			const l = this.gift[this.gift_active];

			const gift_s_price = l.Price;
			const gift_price = l.Price * l.Num;

			const MessageId = Math.random().toString().substr(2, 10);

			let res_gift = await this.$api.post('Friend/SendGift', {
				Price: gift_price,
				GiftID: l.ID,
				GiftName: l.Name,
				GiftQty: l.Num,
				ToUserID: this.sel_community.UserID,
				EventID: this.sel_community.ID,
				SendType: '球友圈赠送',
				MessageId: MessageId
			});

			// 支付请求
			let pres = await this.$api.post('Payment/PayV2', {
				total_fee: gift_price,
				EventType: '赠送礼物',
				EventID: JSON.stringify(res_gift.data),
				body: l.Name,
				SourcePage: 'user_visitor',
				// #ifdef MP-WEIXIN
				PayChannel: 'weixin',
				// #endif
				// #ifdef APP
				PayChannel: 'app'
				// #endif
			});
			// 已余额支付成功
			if (pres.data == 0) {
				// 提示赠送成功
				this.$pv.msg('礼物赠送成功');
				// 关闭礼物弹出层
				this.$refs['gift'].close();

				this.dynamicList.forEach((item, index) => {
					if (item.ID == this.sel_community.ID) {
						item.IsSendGift = 1;
						item.TotalGiftNum = item.TotalGiftNum + l.Num;
						this.dynamicList.splice(index, 1, item);
					}
				});

				//组装消息实体
				const n_msg = {
					Price: gift_price,
					Name: l.Name,
					OutMessageId: MessageId,
					Done: 0,
					Icon: l.Icon
				};

				// 自定义对话内容(自定义消息,JSON(消息),id,判断条件)
				this.$im.sendMessage(200, JSON.stringify(n_msg), this.sel_community.UserID + '', 12).then((res) => {
					console.log(JSON.stringify(n_msg));
				});

				return;
			}

			// 支付成功返回的内容
			let payObj = JSON.parse(pres.data);

			console.log(JSON.stringify(payObj));

			let _this = this;
			// 调用uni支付API
			uni.requestPayment({
				// 服务提供商
				provider: 'wxpay',
				// #ifdef APP
				orderInfo: payObj,
				// #endif
				// #ifdef MP-WEIXIN
				timeStamp: payObj.timeStamp,
				nonceStr: payObj.nonceStr,
				package: payObj.package,
				signType: payObj.signType,
				paySign: payObj.paySign,
				// #endif
				success(res) {
					// _this.$pv.msg('等待对方同意');
					// 关闭礼物弹出层
					_this.$refs['gift'].close();

					_this.$pv.msg('礼物赠送成功');

					_this.dynamicList.forEach((item, index) => {
						if (item.ID == _this.sel_community.ID) {
							item.IsSendGift = 1;
							item.TotalGiftNum = item.TotalGiftNum + l.Num;
							_this.dynamicList.splice(index, 1, item);
						}
					});

					//组装消息实体
					const n_msg = {
						Price: gift_price,
						Name: l.Name,
						OutMessageId: MessageId,
						Done: 0,
						Icon: l.Icon
					};
					// 自定义对话内容(自定义消息,JSON(消息),id,判断条件)
					_this.$im.sendMessage(200, JSON.stringify(n_msg), _this.sel_community.UserID + '', 12).then((res) => {
						console.log(JSON.stringify(n_msg));
					});
				},
				fail(err) {
					console.log(err);
					_this.$pv.msg('支付失败');
				}
			});
		},
		// 赞
		async zan(item) {
			let u = await this.$api.post('User/GetUserInfo', {
				ID: uni.getStorageSync('user').UserID
			});
			if (u.IsAuth == 0) {
				uni.showModal({
					title: '温馨提示',
					content: '您还没注册，请先注册',
					confirmText: '确定',
					success: function (rs) {
						if (rs.confirm) {
							_this.nav_to('/pages/start/start2')
							return
						} else if (rs.cancel) {
			
						}
					}
				});
				return
			}
			
			this.zan_id = item.ID;

			let res = await this.$api.post('Community/ZAN', {
				ID: item.ID
			});

			if (JSON.stringify(res.data) == 'true') {
				this.$pv.msg('点赞成功');

				this.dynamicList.forEach((item, index) => {
					if (item.ID == this.zan_id) {
						item.IsMyZAN = 1;
						item.CommunityZAN.push({
							UserID: this.cache_user.UserID,
							HeadImgUrl: this.cache_user.HeadImgUrl
						});
						this.dynamicList.splice(index, 1, item);
					}
				});
			} else {
				this.$pv.msg(res.message);
			}
		},

		async setting_wx_sub() {
			let res = await this.$api.post('Member/SettingWX', {
				WechatNo: this.my_wechat,
				IsAuditApplyWX: this.IsAuditApplyWX
			});

			this.$pv.msg('设置成功');
			// 关闭添加微信弹出层
			this.$refs['setting_wx_pop'].close();

			this.resData.WechatNo = this.my_wechat;
		},
		async lookMember() {
			//普通用户只能看5个用户
			let mb_res = await this.$api.post('Member/CheckDayViewMember');

			console.log('----' + JSON.stringify(mb_res.data));

			let _this = this;
			if (!mb_res.data) {
				uni.showModal({
					title: '温馨提示',
					content: '非注册用户每天只能查看5名用户信息',
					confirmText: '关闭',
					cancelText: '注册账号',
					success: function (res) {
						if (res.confirm) {
							uni.navigateBack({
								delta: 1
							});
						} else if (res.cancel) {
							_this.nav_to('/pages/start/start2');
						}
					}
				});
			}
		},
		async lookWX() {
			let u = await this.$api.post('User/GetUserInfo', {
				ID: uni.getStorageSync('user').ID
			});

			this.cache_user = u.data;

			if (this.cache_user.IsAuth == 0) {
				let _this = this;
				uni.showModal({
					title: '温馨提示',
					content: '非注册用户不能查看微信，请注册账号',
					confirmText: '关闭',
					cancelText: '注册账号',
					success: function (res) {
						if (res.confirm) {
							uni.navigateBack({
								delta: 1
							});
						} else if (res.cancel) {
							_this.nav_to('/pages/start/start2');
						}
					}
				});
				return;
			}

			//判断加微信是否有优惠
			let wx_pro = await this.$api.post('Member/GetPromotion', {
				Item: '加微信'
			});
			if (wx_pro.data) {
				this.wx_price = wx_pro.data.Promotion;
				this.is_promotion = wx_pro.data.IsPromotion == 1 ? true : false;
			}

			//记录一下谁点击了微信
			let res = await this.$api.post('Friend/ViewWechatNo', {
				ToUserID: this.ID
			});

			if (this.cache_user.UserType == '普通用户' || this.cache_user.UserType == '体验会员') {
				//直接拉起送礼物行为
				if(this.IsOpenAuth == 0){
					this.$pv.msg('您还不是会员');
					return
				}
				this.$refs['weixin'].open();
				// this.$refs['free_wechat'].open();
			} else {
				this.$refs['free_wechat'].open();
			}
		},
		async addFriend() {
			if (this.ID === this.cache_user.UserID) {
				this.$pv.msg('不能加自己为好友');
				return;
			}

			let res = await this.$api.post('User/GetUserInfo', {
				ID: uni.getStorageSync('user').UserID
			});

			this.cache_user = res.data;

			if (this.cache_user.IsAuth == 0) {
				let _this = this;
				uni.showModal({
					title: '温馨提示',
					content: '非注册用户不能加好友，请注册账号',
					confirmText: '关闭',
					cancelText: '注册账号',
					success: function (res) {
						if (res.confirm) {
							uni.navigateBack({
								delta: 1
							});
						} else if (res.cancel) {
							_this.nav_to('/pages/start/start2');
						}
					}
				});
				return;
			}

			// if (this.cache_user.UserType == '普通用户') {
			// 	this.$refs.weixin.open();

			// 	return;
			// }

			this.nav_to(`/pages/user/add_friend?user_id=${this.ID}`);
		},
		handlerStr(str) {
			let phoneReg = /(1[0-9]{10})|([0-9]{3,4})?[0-9]{7,8}|[0-9]{3,4}-[0-9]{7,8}/g;
			let num = str.replace(/\s*/g, '');
			let phone = num.match(phoneReg);
			if (!phone) return str;
			for (let i = 0; i < phone.length; i++) {
				str = str.replace(phone[i], '****');
			}
			return str;
		},
		go_user(l) {
			this.nav_to(`/pages/user/user_visitor?id=${l.ID}`);
		},
		lookimg(url, index) {
			let arr = JSON.parse(url);
			uni.previewImage({
				urls: arr,
				current: index
			});
		},
		prevAvatar(url) {
			uni.previewImage({
				current: 0,
				urls: [url]
			});
		},
		async toSpheroid() {
			let res = await this.$api.post('User/GetUserInfo', {
				ID: uni.getStorageSync('user').UserID
			});

			this.cache_user = res.data;
			console.log('========');
			console.log(this.cache_user);
			console.log(this.ID);

			if (this.cache_user.IsAuth == 0) {
				let _this = this;
				uni.showModal({
					title: '温馨提示',
					content: '非注册用户不能约运动，请注册账号',
					confirmText: '关闭',
					cancelText: '注册账号',
					success: function (res) {
						if (res.confirm) {
							uni.navigateBack({
								delta: 1
							});
						} else if (res.cancel) {
							_this.nav_to('/pages/start/start2');
						}
					}
				});
				return;
			}

			if (this.cache_user.UserType == '普通用户') {
				this.$refs.member_upgrade.open();
				return;
			}

			if (this.ID === this.cache_user.UserID) {
				this.$pv.msg('不能和自己约');
				return;
			}
			this.ran_to_add_ball(`/pages/ball/reservation?inviteId=${this.ID}`);
		},
		toChat(item) {
			
			const convInfo = {
				id: item.ID + '',
				type: 0,
				name: item.Name
			};

			const preid = uni.$prefix + convInfo.id;
			this.nav_to(`/pages/im/chat?conversationID=${preid}&type=${convInfo.type}&conversationName=${convInfo.name}`);
		},
		async toChat2(item) {
			// if (this.cache_user.UserType == '普通用户') {
			// 	this.$refs.weixin.open();

			// 	return;
			// }
			let u = await this.$api.post('User/GetUserInfo', {
				ID: uni.getStorageSync('user').UserID
			});
			
			this.cache_user = u.data;
			
			if (this.cache_user.IsAuth == 0) {
				let _this = this;
				uni.showModal({
					title: '温馨提示',
					content: '未注册用户不能聊天，请先注册账号',
					confirmText: '关闭',
					cancelText: '注册账号',
					success: function (res) {
						if (res.confirm) {
							uni.navigateBack({
								delta: 1
							});
						} else if (res.cancel) {
							_this.nav_to('/pages/start/start2');
						}
					}
				});
				return;
			}
			
			if(this.isFriend==0){
				
				if(!this.isVip){
					let isGift = await this.$api.post('/Friend/IsChat',{
						ToUserID:this.resData.ID
					})
					
					if(!isGift.data){
						this.giftChat_active = 0
						let giftInfo = this.giftChat[this.giftChat_active]
						this.talkGift.count = giftInfo.Num
						this.talkGift.price = giftInfo.Price
						this.$refs.giftPop.open()
						return
					}else{
						this.toChat(item)
					}
					// let _this = this;
					// uni.showModal({
					// 	title: '温馨提示',
					// 	content: '开通会员，添加好友一键畅聊~',
					// 	confirmText: '立即开通',
					// 	cancelText: '取消',
					// 	success: function(res) {
					// 		if (res.confirm) {
					// 			_this.nav_to('/pages/user/vipPay');
					// 		}
					// 	}
					// });
					// return
				}else{
					this.toChat(item)
					return
					
					let _this = this;
					uni.showModal({
						title: '温馨提示',
						content: '您还不是对方好友，点击添加好友一键畅聊~',
						confirmText: '立即添加',
						cancelText: '取消',
						success: function(res) {
							if (res.confirm) {
								_this.nav_to(`/pages/user/add_friend?user_id=${_this.ID}`);
							}
						}
					});
					return
				}
				
			}else{
				this.toChat(item)
			}
			
			
		},
		async toDirectChat(item) {
			const convInfo = {
				id: item.ID + '',
				type: 0,
				name: item.Name
			};

			let u = await this.$api.post('User/GetUserInfo', {
				ID: uni.getStorageSync('user').UserID
			});

			this.cache_user = u.data;

			if (this.cache_user.IsAuth == 0) {
				let _this = this;
				uni.showModal({
					title: '温馨提示',
					content: '未注册用户不能一键开聊，请先注册账号',
					confirmText: '关闭',
					cancelText: '注册账号',
					success: function (res) {
						if (res.confirm) {
							uni.navigateBack({
								delta: 1
							});
						} else if (res.cancel) {
							_this.nav_to('/pages/start/start2');
						}
					}
				});
				return;
			}

			if (this.cache_user.UserType == '体验会员' || this.cache_user.UserType == '金卡会员' || this.cache_user.UserType == '普通用户') {
				this.nav_to('/pages/user/apply_member?t=2');
			} else {
				const preid = uni.$prefix + convInfo.id;
				this.nav_to(`/pages/im/chat?id=${preid}&type=${convInfo.type}&name=${convInfo.name}`);
			}
		},
		//下拉刷新
		async onRefresh() {
			this.init();

			//刷新用户状态
			this.upDateInfo();

			setTimeout(() => {
				uni.$emit('triggered');
			}, 2000);
		},
		//滚动到底部触发
		async scrolltolower() {
			this.PageIndex++;

			this.getDynamicList();
		},

		async init() {
			let _this = this;

			let res = await this.$api.post('User/GetUserInfo', {
				ID: this.ID
			});
			if(res.data){
				this.resData = res.data;
				if(res.data.Tag){
					this.tag = res.data.Tag.split(',')
				}else{
					this.tag = []
				}
				this.load = true;
			}
			

			uni.setNavigationBarTitle({
				title: _this.$util.entitiesToUtf16(_this.resData.Name) + '的主页'
			});

			

			if (!this.resData.Descript) this.resData.Descript = '';
			if (!this.resData.IsHideFriend) this.isHideFriend = 0;

			await this.$api.post('/Common/Add_ViewPath', {
				Path: 'user_visitor',
				Platform: uni.getStorageSync('platform')
			});

			//需要展示共同好友，则加载共同好友
			if (this.isHideFriend == 0) {
				let m_friend = await this.$api.post('Friend/FirendRelation', {
					ID: this.ID
				});
				if (m_friend.data) {
					this.mutual_friends = m_friend.data;
					if (this.mutual_friends.length > 0) this.isHideFriend = true;
					else this.isHideFriend = false;
				}
			} else {
				this.isHideFriend = false;
			}

			let board = await this.$api.post('Member/WealthDescription')
			if(board.code == 0){
				this.boardInfo = board.data
			}
				
			//
			if (this.is_save_userbrowse) {
				await this.$api.post('Member/AddUserBrowse', {
					BrowseUserID: this.ID
				});
			}

			let fp_data = await this.$api.post('/Friend/RecommendRelation', {
				ID: this.ID
			});

			if (fp_data.data) {
				this.FriendPath = fp_data.data;
			}

			let f_data = await this.$api.post('/Friend/IsMyFriends', {
				FriendID: this.ID
			});

			if (f_data.data) {
				this.isFriend = 1;
			} else {
				this.isFriend = 0;
			}
	
			//获取人气榜排名
			let pop_data = await this.$api.post('/Member/GetMemberPopSeq', {
				UserID: this.ID
			});
			if (pop_data.data) {
				this.pop_seq = pop_data.data;
			}
			console.log('pop_sql=========' + this.pop_seq);
			//获取人气榜排名
			let con_data = await this.$api.post('/Member/GetMemberComSeq', {
				UserID: this.ID
			});
			if (con_data) {
				this.con_seq = con_data.data;
			}
			console.log('pop_sql=========' + this.con_seq);
			//人气排名 和 消费排名 哪个排名靠前，就显示哪个，两者选1
			if (this.pop_seq > 0 && this.con_seq > 0) {
				if (this.pop_seq < this.con_seq) {
					this.con_seq = 0;
				} else {
					this.pop_seq = 0;
				}
			}

			this.PageIndex = 1;
			this.oldList = [];

			await this.getDynamicList();

			if (this.ID == this.cache_user.UserID) {
				this.isMyself = true;

				this.is_superlike = true;
			} else {
				let att_data = await this.$api.post('/Member/IsAttention', {
					FocusUserID: this.ID
				});
				this.isMyself = false;
				this.is_superlike = att_data.data;
			}

			let mf_data = await this.$api.post('/Member/IsFirstUpgrade');

			// this.is_first_upgrade = mf_data.data;

			this.get_superlike();

			let d = await this.$api.post('Company/IsCompanyAdmin');
			if (d.data) this.isManager = true;
			this.GetUserType()
		},
		async getDynamicList() {
			let res = await this.$api.post('Community/UserCommunity', {
				UserID: this.ID,
				PageIndex: this.PageIndex,
				PageSize: this.PageSize,
				CompanyID: 6002
			});
			let l = this.dynamicList.concat(res.data);
			this.dynamicList = this.clearRepetition(l, 'ID');
			this.dynamicLength = this.dynamicList.length;
		},

		// 去重,后面的覆盖前面的
		clearRepetition(arr, key = 'id') {
			let newArr = [];
			arr.forEach((item) => {
				let index;
				let check = newArr.every((newItem, i) => {
					if (item[key] !== newItem[key]) {
						index = -1;
						return true;
					} else {
						index = i;

						return false;
					}
				});
				if (check) {
					newArr.push(item);
				} else {
					newArr.splice(index, 1, item);
				}
			});
			return newArr;
		},
		sharePYQ() {
			const user = uni.getStorageSync('user');

			const pid = user.UserID;
			let id = this.sel_community.ID;

			const BaseUrl = 'http://h5.golf.xiaojusmart.com/#/';
			const paseUrl = `pages/H5/cm_detail?id=${id}&pid=${pid}`;
			let shareUrl = BaseUrl + paseUrl;

			console.log('share url-----' + shareUrl);

			uni.share({
				provider: 'weixin',
				scene: 'WXSceneTimeline',
				type: 0,
				href: shareUrl,
				title: '【动魅滑友圈】发现精彩的魅友动态，赶快来围观吧',
				// summary: _this.goodsDetails.ProductName,
				imageUrl: 'https://golfdate.oss-cn-shenzhen.aliyuncs.com/golf_home_bg2.jpg',
				success: (res) => {
					this.$refs.share.close();
				},
				fail(err) {
					console.log('fail:' + JSON.stringify(err));
				}
			});
		},
		shareWX() {
			const user = uni.getStorageSync('user');

			const pid = user.UserID;
			let id = this.sel_community.ID;

			const BaseUrl = 'http://h5.golf.xiaojusmart.com/#/';
			const paseUrl = `pages/H5/cm_detail?id=${id}&pid=${pid}`;
			let sharUrl = BaseUrl + paseUrl;
			let _this = this;
			uni.share({
				provider: 'weixin',
				scene: 'WXSceneSession',
				type: 5,
				imageUrl: 'https://golfdate.oss-cn-shenzhen.aliyuncs.com/golf_home_bg2.jpg',
				title: '【滑友圈】发现精彩的魅友动态，赶快来围观吧',
				miniProgram: {
					id: 'gh_ff1a33213d99',
					path: 'pages/dynamic/detail?id=' + id + '&pid=' + pid,
					type: 0,
					webUrl: sharUrl
				},
				success: (res) => {
					this.$refs.share.close();
				},
				fail(err) {
					console.log('fail:' + JSON.stringify(err));
				}
			});

			// this.is_app_share_show = false;
		}
	}
};
</script>

<style lang="scss">
button{padding: 0;margin: 0; border: 1px solid transparent;}
button::after{ border: none; }
.button-hover {
    color:transparent;
    background-color:transparent;
}
.mytag_icon{
		margin: 10rpx 0;
		padding: 0 38rpx;
		.mytag_head{
			display: flex;
			align-items: center;
			justify-content: space-between;
			.reporttext{
				font-size: 24rpx;
				color: #f1f1f1;	
				width: 130rpx;
				height: 54rpx;
				border-radius: 32px;
				border: 2px solid rgba(253, 249, 246, 0.4);
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.ball_title{
				display: flex;
				align-items: center;
				.b_main{
					.b_lit{
						font-size: 22rpx;
					}
				}
				.b_icon{
					width: 40rpx;
					height: 40rpx;
					margin-right: 4rpx;
					image{
						width: 100%;
						height: 100%;
					}
				}
				.b_name{
					font-size: 32rpx;
					color: #333333;
					text{
						font-size: 24rpx;
						color: rgba(255,255,255,0.7);
					}
				}
			}
			.ball_lit{
				display: flex;
				align-items: center;
				.b_name{
					font-size: 28rpx;
					color: #333333;
					text{
						font-size: 22rpx;
					}
				}
				.b_icon{
					width: 32rpx;
					height: 32rpx;
					margin-left: 4rpx;
					image{
						width: 100%;
						height: 100%;
					}
				}
			}
		}
		
	}
	.mytag{
		display: flex;
		flex-wrap: wrap;
		padding: 14rpx 24rpx;
		padding-bottom: 0;
		.tag{
			border-radius: 50rpx;
			color: #fff;
			font-size: 28rpx;
			background-color: #1c1616;
			padding: 14rpx 30rpx;
			margin-right: 14rpx;
			margin-bottom: 20rpx;
		}
		.tag_add{
			background-color: #3d3d3d;
			width: 120rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #999999;
			padding: 8rpx 10rpx;
			input{
				color: #fff;
				font-size: 28rpx;
				width: 100%;
				text-align: center;
			}
			.input-placeholder{
				font-size: 28rpx;
			}
		}
	}
.scroll{
		width: 80vw;
		height: 70vh;
		background-color: #fff;
		border-radius: 24rpx;
		padding: 30rpx 54rpx;
		box-sizing: border-box;
		.board_btn{
			position: sticky;
			bottom: 0rpx;
			background-color: #fff;
			padding-top: 20rpx;
			.btn_{
				width: 140rpx;
				height: 60rpx;
				font-size: 26rpx;
				background-color: #ef4034;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 16rpx;
				color: #fff;
				margin: 0 auto;
			}
		}
	}
	.boardbox{
		.titbox{
			padding-bottom: 20rpx;
			position: sticky;
			top: 0rpx;
			view{color: #000;}
			background-color: #fff;
			.title{
				text-align: center;
			}
			.lit{
				margin-top: 10rpx;
				font-size: 26rpx;
			}
		}
		
		.box{
			display: flex;
			align-items: center;
			
			view{
				border: 2rpx solid #1d1f21;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 10rpx 0;
				color: #1d1f21;
				font-size: 24rpx;
			}
			.box_item{
				width: 30%;
			}
			.box_num{
				width: 40%;
			}
		}
	}
.Commbox {
	width: 100%;
	.msgbox {
		// background-color: #f6f6f6;
		font-size: 28rpx;
		color: #333333;
		.comment {
			color: #333333;
			font-weight: bold;
			font-size: 28rpx;
			text{
				font-weight: 400 !important;
				color: #5f698b;
			}
		}
	}
}
.vipiconimg {
	width: 144rpx;
	height: 30rpx;
}
.superlike {
	display: flex;
	text-align: center;
	justify-items: center;
	width: 178rpx;
	color: #fff;
	background: linear-gradient(135deg, #f9bb1d 0%, #fc781f 100%);
	border-radius: 5px;
	border: 2px solid #efca11;
	font-size: 24rpx;
	// margin-top: 10rpx;
	line-height: 20px;
	height: 40rpx;
	letter-spacing: 0px;
	margin-right: 14rpx;
}
.ball {
	box-shadow: 0 0 8rpx #ccc;
	margin: 20rpx 20rpx;
	margin-bottom: 30rpx;
	padding: 24rpx;
	background-color: #fff;
	border-radius: 24rpx;
	display: flex;
	align-items: center;
	.ball_info {
		flex: 1;
		display: flex;
		align-items: center;
		.head {
			width: 120rpx;
			height: 120rpx;
			border-radius: 24rpx;
			overflow: hidden;
			image {
				width: 100%;
				height: 100%;
			}
		}
		.tips {
			margin-left: 20rpx;
			.tit {
				color: #333;
				font-size: 40rpx;
				font-weight: bold;
			}
			.lit {
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 26rpx;
				color: #999;
				margin-top: 5rpx;
				text {
					font-size: 24rpx;
				}
				.wujiaox {
					width: 156rpx;
					height: 28rpx;
					margin-left: 5rpx;
					margin-top: 5rpx;
				}
			}
		}
	}

	.rightGroup {
		.ballFee {
			display: flex;
			justify-content: center;
			color: #333333;

			.feeIcon {
				font-size: 25rpx;
				display: flex;
				align-items: center;
			}

			.feeNum {
				color: #333333;
				font-weight: bold;
				font-size: 45rpx;
			}
		}
		.ball_btn {
			color: #f9ddaf;
			background-image: linear-gradient(-90deg, #0c0c0c, #494438);
			height: 50%;
			font-size: 26rpx;
			padding: 10rpx 24rpx;
			border-radius: 50rpx;
		}
	}
}

.backimg {
	position: fixed;
	top: 7%;
	left: 36rpx;
	z-index: 9999;
	width: 52rpx;
	height: 52rpx;
}
.user_visitior {
	position: absolute;
	top: 750rpx;
	background-color: #fdf4ff;
	left: 0;
	z-index: 2;
	width: 100%;
	// border-radius: 24rpx 24rpx 0 0;
	.person_main{
			transform: translateY(-120rpx);
	}
	.newsbx {
		width: 100%;
		.top_1 {
			display: flex;
			align-items: center;
			margin-bottom: 15rpx;
			padding: 0 16rpx;
			// justify-content: space-between;
			justify-content: flex-end;
			.AddWx {
				display: flex;
				align-items: center;
				width: 490rpx;
				justify-content: flex-end;
				// margin-left: 24rpx;
				.num {
					font-size: 24rpx;
					color: #999999;
					margin-right: 10rpx;
				}
				.num2{
					font-size: 24rpx;
					color: #999999;
					width: 100%;
					text-align: left;
				}
				.text-edit{
					border-radius: 28rpx;
					border: 1px solid #e6e6e6;
					width: 200rpx;
					height: 50rpx;
					font-size: 24rpx;
					text-align: center;
					line-height: 50rpx;
					// margin-left: 16rpx;
				}
			}
			.AddFr {
				width: 132rpx;
				height: 56rpx;
				// border: 1rpx solid #333333;
				background-color: #0d0d0d;
				border-radius: 28rpx;
				text-align: center;
				line-height: 56rpx;
				font-size: 28rpx;
				// margin-right: 16rpx;

				text {
					color: #fff;
				}
				.btn1 {
					width: 132rpx;
				height: 56rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					.jiaohao {
						width: 24rpx;
						height: 26rpx;
						// margin-right: 5rpx;
						margin-top: 6rpx;
					}
				}
			}
			.popularity {
				padding: 0 10rpx;
				margin-left: 30rpx;
				.num {
					font-size: 36rpx;
					font-weight: 600;
					color: #333333;
					margin-bottom: 10rpx;
					text-align: center;
				}
				.title {
					font-size: 24rpx;
					color: #999999;
				}
			}
			.fans {
				padding: 0 10rpx;
				margin-left: 50rpx;
				.num {
					font-size: 36rpx;
					font-weight: 600;
					color: #333333;
					margin-bottom: 10rpx;
					text-align: center;
				}
				.title {
					font-size: 24rpx;
					color: #999999;
				}
			}
			.follow {
				padding: 0 10rpx;
				margin-left: 50rpx;
				.num {
					font-size: 36rpx;
					font-weight: 600;
					color: #333333;
					margin-bottom: 10rpx;
					text-align: center;
				}
				.title {
					font-size: 24rpx;
					color: #999999;
				}
			}
			.addwx {
				width: 132rpx;
				height: 56rpx;
				border-radius: 28rpx;
				border: 1rpx solid #36a637;
				color: #37a756;
				font-size: 28rpx;
				text-align: center;
				line-height: 56rpx;
				// margin-left: 238rpx;
				margin-left: 14rpx;
				margin-right: 14rpx;
				.wxjiao {
					width: 24rpx;
					height: 26rpx;
					vertical-align: middle;
					margin-bottom: 5rpx;
				}
			}
			.talk{
				border-color: #f29766;
				color: #f29766;
				margin-right: 0;
			}
			.addfollow {
				width: 132rpx;
				height: 56rpx;
				border-radius: 28rpx;
				border: 1rpx solid #999999;
				color: #333333;
				font-size: 28rpx;
				text-align: center;
				line-height: 56rpx;
				margin-left: 10rpx;
			}
		}
		.top_2 {
			display: flex;
			justify-content: flex-end;
			margin-bottom: 15rpx;
			.gdid {
				font-size: 24rpx;
				color: #999999;
				margin-left: 38rpx;
			}
			.crdeit {
				font-size: 24rpx;
				color: #999999;
				margin-right: 35rpx;
			}
		}
		.top_3 {
			margin-bottom: 15rpx;
			position: relative;
			.num {
				font-size: 24rpx;
				color: #999999;
				margin-left: 37rpx;
			}
		}
		.top_4 {
			.color1 {
				color: #333333;
			}
		}
	}
}
.user_data {
	padding-left: 40rpx;
}

.pop_con {
	height: 400rpx;
	background: #fff;
	width: 650rpx;
	border-radius: 16rpx;
	border: 1px solid #fef0bc;
	padding-bottom: 10rpx;

	.hd {
		height: 120rpx;
		line-height: 120rpx;
		border-bottom: 1px solid #eee;
		text-align: center;
		line-height: 90rpx;
		color: #333;
		font-weight: bold;
	}

	.desc {
		color: #999;
		font-size: 24rpx;
		text-align: center;
		padding-top: 20rpx;
	}

	.inp {
		margin-top: 30rpx;
		padding-left: 30rpx;
		padding-right: 30rpx;

		.lab {
			font-size: 32rpx;
			color: #666;
		}

		input {
			margin-top: 10rpx;
			height: 80rpx;
			line-height: 80rpx;
			width: 100%;
			padding-left: 10rpx;
			box-sizing: border-box;
			border: 1px solid #eee;
			border-radius: 10rpx;
			color: #000;
		}
	}

	.btns {
		margin-top: 40rpx;
		display: flex;
		padding-left: 30rpx;
		padding-right: 30rpx;
		justify-content: space-between;

		/deep/ .u-button__text {
			color: #666;
		}

		/deep/ .u-button--success {
			text {
				color: #fff !important;
			}

			background: linear-gradient(180deg, #fef0bc 0%, #b98b51 100%);
		}

		/deep/ .u-button {
			width: 290rpx;
		}
	}
}

.dynamic:nth-child(1) {
	margin-top: 0;
}

.dynamic {
}

.tabs {
	height: 44px;
}

.friends_path {
	padding-top: 28rpx;
	padding-bottom: 36rpx;
	width: 100%;
	display: flex;
	flex-flow: row;

	image {
		width: 80rpx;
		height: 80rpx;
	}

	.arrow_item {
		margin-top: 28rpx;
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 80rpx;
	}

	.friend_item {
		margin-top: 28rpx;
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 200rpx;

		.arrow {
			justify-content: center;
		}

		.user-name {
			font-size: 28rpx;
			color: #ffffff;
			overflow: hidden; //超出一行文字自动隐藏
			text-overflow: ellipsis; //文字隐藏后添加省略号
			white-space: nowrap; //强制不换行
		}
	}
}
.navBox {
	    position: fixed;
	    width: 100%;
	    box-sizing: border-box;
	    top: 0;
	    left: 0;
	    z-index: 999;
			background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(255,255,255,0) 100%); /* 渐变颜色 */
			.topNav{
				background-color: #fff;
			}
	    .tabsBack {
	    height: 44px;
	    display: flex;
	    align-items: center;
	    padding: 0 14rpx;
	    justify-content: space-between;
	    .topTitle {
	        width: 350rpx;
	        color: #fff;
	        font-size: 30rpx;
	        font-weight: bold;
	        text-align: center;
	        overflow: hidden; /*超出部分隐藏*/
	        white-space: nowrap; /*禁止换行*/
	        text-overflow: ellipsis; /*省略号*/
	    }
	    }
	}
	.navWhite{
		background: #fff !important;
		.topTitle{
			color: #000 !important;
		}
	}
.page_top {
	position: fixed;
	top: 44px;
	left: 0;
	width: 750rpx;
	box-sizing: border-box;
	// background: #29282c;
	// z-index: 999999;
	height: 750rpx;
	background-repeat: no-repeat;
	background-size: cover;
	.page_btm{
		position: absolute;
		width: 100%;
		height: 100%;
		// top: 0;
		height: 160rpx;
		bottom: 88rpx;
		left: 0;
		z-index: 9;
		background: linear-gradient(0deg, rgba(253,244,255, 1) 0%, rgba(253,244,255, 0) 100%); /* 渐变颜色 */
		// box-shadow: 0 -50rpx 10rpx -10rpx #fdf4ff inset;
	}
	// &::after{
	// 	content: '';
		
	// }
	.tabs {
		position: relative;
		padding-left: 40rpx;
		display: flex;
		// align-items: center;
		

		.name {
			font-size: 36rpx;
			color: #fff;
			padding-left: 20rpx;
			width: 200rpx;
		}
		button {
			width: 50rpx;
			height: 50rpx;
			position: absolute;
			right: 40rpx;
			top: 120rpx;
			text-align: center;
			line-height: 50rpx;
			image {
				width: 50rpx;
				height: 50rpx;
			}
		}
		
	}
}

page {
	background: #fdf4ff;
}

.wap {
	// padding-left: 38rpx;
	// padding-right: 38rpx;
}

.border-bottom {
	height: 1px;
	margin-left: 38rpx;
	margin-right: 38rpx;
	border-bottom: 1px solid #505157;
}

.info {
	padding-top: 38rpx;
	display: flex;
	// padding-bottom: 24rpx;

	.left {
		width: 176 + 32rpx;
		flex-shrink: 0;

		.coachbox {
			position: absolute;
			top: 180rpx;
			left: 67rpx;
			width: 90rpx;
			height: 32rpx;
			.coachimg {
				width: 90rpx;
				height: 32rpx;
			}
		}
		.assbox {
			position: absolute;
			top: 180rpx;
			left: 70rpx;
			width: 90rpx;
			height: 32rpx;
			.assistantimg {
				width: 90rpx;
				height: 32rpx;
			}
		}

		.cover {
			height: 160rpx;
			width: 160rpx;
			overflow: hidden;
			border: 2rpx solid #979797;
			border-radius: 160rpx;
			position: relative;
			.headimg {
				height: 100%;
				width: 100%;
			}
		}
	}

	.right {
		.right_1 {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 15rpx;

			.info_r {
				display: flex;
				align-items: center;
			}
			.reportimg {
				flex: 1;
				padding: 10rpx;
				padding-bottom: 0;
				width: 40rpx;
				height: 40rpx;
			}
			.name {
				font-size: 32rpx;
				color: #333333;
				font-weight: bold;
				margin-right: 5rpx;
				// max-width: 200rpx;
			}
			.member1 {
				width: 68rpx;
				height: 32rpx;
				background: linear-gradient(90deg, #fdf9f6 0%, #e1c4a6 100%);
				font-size: 16rpx;
				text-align: center;
				line-height: 32rpx;
				color: #4c310c;
				margin-right: 10rpx;
			}
			.member2 {
				width: 68rpx;
				height: 32rpx;
				background: linear-gradient(180deg, #3d3d3d 0%, #636363 100%);
				font-size: 16rpx;
				text-align: center;
				line-height: 32rpx;
				color: #e5e7ea;
				margin-right: 10rpx;
			}
			.member3 {
				width: 68rpx;
				height: 32rpx;
				background: linear-gradient(180deg, #3d3d3d 0%, #636363 100%);
				font-size: 16rpx;
				text-align: center;
				line-height: 32rpx;
				color: #e5e7ea;
				margin-right: 10rpx;
			}
			.wealth {
				width: 112rpx;
				height: 48rpx;
				// color: #4C310C;
				// font-size: 16rpx;
				text-align: center;
				line-height: 32rpx;
				position: relative;
				// background: linear-gradient(90deg, #B98B51 0%, #FEF0BC 100%);
				.weatext {
					color: #381f0b;
					font-size: 22rpx;
					position: absolute;
					top: 8rpx;
					left: 46rpx;
					font-weight: 600;
				}
				.wealimg {
					width: 112rpx;
					height: 48rpx;
				}
			}
		}
		.right_2 {
			display: flex;
			flex-wrap: wrap;
			margin-bottom: 10rpx;
			position: relative;
			.Birthday {
				color: #999999;
				// border-right: 1rpx solid #999999;
				font-size: 24rpx;
				padding: 0 10rpx;
				margin-right: 5rpx;
				border-right: 1rpx solid #999999;
			}
			.gdid {
				color: #999999;
				border-right: 1rpx solid #999999;
				font-size: 24rpx;
				padding-right: 10rpx;
			}
			.cons {
				color: #999999;
				border-right: 1rpx solid #999999;
				font-size: 24rpx;
				padding: 0 10rpx;
				// margin-right: 5rpx;
			}
			.city {
				color: #999999;
				font-size: 24rpx;
				margin-left: 10rpx;
			}
			.reportimg {
				width: 40rpx;
				height: 40rpx;
				position: absolute;
				bottom: -6rpx;
				right: 0rpx;
			}
		}
		.right_3 {
			display: flex;
			align-items: center;
			.superlike {
				display: flex;
				text-align: center;
				justify-items: center;
				width: 178rpx;
				color: #fff;
				background: linear-gradient(135deg, #f9bb1d 0%, #fc781f 100%);
				border-radius: 5px;
				border: 2px solid #efca11;
				font-size: 24rpx;
				margin-top: 10rpx;
				line-height: 20px;
				height: 40rpx;
				letter-spacing: 0px;
				margin-right: 14rpx;
			}

			.superlike_num {
				//display: flex;
				text-align: center;
				justify-items: center;
				width: 160rpx;
				color: #fff;
				background: linear-gradient(135deg, #f9bb1d 0%, #fc781f 100%);
				border-radius: 5px;
				border: 2px solid #efca11;
				font-size: 24rpx;
				font-weight: bold;
				margin-top: 10rpx;
				line-height: 20px;
				height: 40rpx;
				letter-spacing: 0px;
			}
			.top_1{
				width: 100%;
				padding: 0;
				.AddWx{
					justify-content: space-between;
					width: 356rpx;
					max-width: 100%;
					.num{
						width: 210rpx;
						overflow: hidden;  /*超出部分隐藏*/
						white-space: nowrap;  /*禁止换行*/
						text-overflow: ellipsis; /*省略号*/
								
					}
					.num2{
						width: 210rpx;
						overflow: hidden;  /*超出部分隐藏*/
						white-space: nowrap;  /*禁止换行*/
						text-overflow: ellipsis; /*省略号*/
					}
				}
			}
			
		}
		.right_info {
			line-height: 50rpx;

			image {
				height: 32rpx;
				width: 32rpx;
				margin-right: 10rpx;
			}

			text {
				display: inline-block;
				padding-right: 16rpx;
				font-size: 34rpx;
				color: #fff;
			}
		}

		.gonum {
			// margin-top: 20rpx;
			margin-top: 6rpx;
			line-height: 30rpx;
			display: flex;
			align-items: center;
			width: 100%;
			.lab {
				color: #d2d2d4;
				font-size: 24rpx;
				padding-right: 10rpx;
			}

			.num {
				color: #fff;
				font-size: 30rpx;
				padding-left: 10rpx;
				padding-right: 10rpx;
				//text-decoration: underline;
			}

			.wealth {
				text-align: center;
				justify-items: center;
				width: 68rpx;
				color: #fff;
				background: linear-gradient(135deg, #f9bb1d 0%, #fc781f 100%);
				border-radius: 5px;
				border: 2px solid #efca11;
				font-size: 24rpx;
				margin: 15rpx;
			}

			.member_huan {
				position: relative;
				height: 32rpx;
				line-height: 32rpx;
				font-size: 24rpx;
				background: linear-gradient(180deg, #fdf9f6 0%, #e1c4a6 100%);
				color: #4c310c;
				padding-left: 40rpx;
				padding-right: 12rpx;
				margin-left: 44rpx;

				&::before {
					position: absolute;
					top: -22rpx;
					left: -28rpx;
					height: 64rpx;
					width: 64rpx;
					content: '';
					background: url('https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17103822832081089.png') no-repeat center center;
					background-size: 64rpx 64rpx;
				}
			}

			.member_hei {
				position: relative;
				height: 32rpx;
				line-height: 32rpx;
				font-size: 24rpx;
				background: linear-gradient(180deg, #3d3d3d 0%, #636363 100%);
				color: #e5e7ea;
				padding-left: 40rpx;
				padding-right: 12rpx;
				margin-left: 44rpx;

				&::before {
					position: absolute;
					top: -22rpx;
					left: -28rpx;
					height: 64rpx;
					width: 64rpx;
					content: '';
					background: url('https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1710382378135992.png') no-repeat center center;
					background-size: 64rpx 64rpx;
				}
			}

			.member_hei_vip {
				position: relative;
				height: 32rpx;
				line-height: 32rpx;
				font-size: 24rpx;
				background: linear-gradient(180deg, #3d3d3d 0%, #636363 100%);
				color: #e5e7ea;
				padding-left: 40rpx;
				padding-right: 12rpx;
				margin-left: 44rpx;

				&::before {
					position: absolute;
					top: -22rpx;
					left: -28rpx;
					height: 64rpx;
					width: 64rpx;
					content: '';
					background: url('https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1710382378135992.png') no-repeat center center;
					background-size: 64rpx 64rpx;
				}
			}

			.superlike {
				line-height: 32rpx;
				text-align: right;
				height: 32rpx;
				padding: 10rpx 25rpx 15rpx 20rpx;
				width: 10%;
			}
		}
	}
}

.album {
	// margin-top: 40rpx;
	.blackimg {
		width: 48rpx;
		height: 8rpx;
		background-color: #0c0c0c;
		border-radius: 5rpx;
		margin-left: 42rpx;
	}
	.hdbox{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.puadd{
		width: 120rpx;
		height: 50rpx;
		background-image: linear-gradient(90deg, #a160e2 0%, #3241f4 100%);
		border-radius: 36rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 22rpx;
		font-weight: 400;
		.releaseimg{
			width: 24rpx;
			height: 24rpx;
		}
	}
	.hd {
		margin-top: 36rpx;
		font-size: 32rpx;
		line-height: 38rpx;
		color: #333333;
		font-weight: 600;
		margin-bottom: 36rpx;
	}

	.title_right {
		position: absolute;
		right: 30rpx;
	}

	.list {
		background-color: #fff;
		// padding-bottom: 20rpx;
		display: flex;
		flex-wrap: wrap;
		// margin-top: 8rpx;
		box-sizing: border-box;
		margin: 0rpx 30rpx;
		margin-bottom: 20rpx;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		border-radius: 16rpx;
		box-shadow: 0 0 12rpx 0 rgba(0, 0, 0, 0.08);
		padding: 30rpx;
		box-sizing: border-box;
		background-image: linear-gradient(180deg, #e7ccfe 0%, #f5d5ec 12%,#fff 20%);
		&:last-child{
			margin-bottom: 0;
		}
		.userbox {
			display: flex;
			width: 100%;
			.userimg {
				width: 80rpx;
				min-width: 80rpx;
				max-width: 80rpx;
				height: 80rpx;
				min-height: 80rpx;
				max-height: 80rpx;
				border-radius: 6rpx;
			}
			.item_namebox{
				margin-left: 20rpx;
				flex: 1;
				.item_namemain{
					display: flex;
					align-items: center;
					justify-content: space-between;
					.name_cell{
						display: flex;
						align-items: center;
						.item_name {
							color: #111;
							font-size: 30rpx !important;
							font-weight: 900;
							max-width: 200rpx;
							overflow: hidden;  /*超出部分隐藏*/
							white-space: nowrap;  /*禁止换行*/
							text-overflow: ellipsis; /*省略号*/

						}
						.vipiconimg {
							height: 36rpx;
							margin-left: 4rpx;
						}
					}
					
					.item_time{
						font-size: 18rpx;
						font-weight: 400;
						color: #000000;
					}
				}
				
				.item_lit{
					margin-top: 7rpx;
					font-size: 18rpx;
					font-weight: 400;
					color: #000000;
				}
			}
			.middbox {
				margin-left: 20rpx;
				.name {
					font-size: 30rpx;
					color: #111;
					font-weight: 900;
					margin-bottom: 11rpx;
				}
				.daybox {
					.Birthday {
						font-size: 18rpx;
						font-weight: 400;
						color: #111;
						// border-right: 1rpx solid #999999;
						padding: 0 10rpx;
						margin-right: 10rpx;
					}
					.city {
						font-size: 18rpx;
						font-weight: 400;
						color: #111;
					}
				}
			}
			.time {
				// margin-left: 268rpx;
				flex: 1;
				text-align: right;
				font-size: 24rpx;
				color: #333;
			}
		}
		&::after {
			content: '';
			display: block;
			height: 1px;
			width: 325rpx;
		}

		.message {
			width: 100%;
			height: 80rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.name-avatar {
				height: 80rpx;
				display: flex;
				justify-content: flex-start;
				align-items: flex-start;

				.avatar {
					width: 80rpx;
					height: 80rpx;
					border-radius: 10rpx;

					image {
						width: 100%;
						height: 100%;
						border-radius: 10rpx;
					}
				}

				.name {
					margin-left: 10rpx;
					font-size: 15px;
					font-weight: 600;
				}
			}

			.time {
				width: 200rpx;
				height: 100rpx;
				line-height: 100rpx;
				font-size: 15px;
				text-align: right;
			}
		}

		.content {
			margin: 16rpx 0;
			// margin-bottom: 10rpx;
			font-size: 26rpx;
			color: rgba(0, 0, 0, 0.6);
			width: 100%;
			text{
				font-size: 28rpx;
				color: #333333;
			}
			// white-space: nowrap;
			// overflow: hidden;
			// text-overflow: ellipsis;
		}

		.imglist {
			box-sizing: border-box;
			width: 100%;
			margin: 10rpx 0 20rpx 0;
			display: flex;
			justify-content: flex-start;
			align-items: flex-start;
			flex-wrap: wrap;

			.img {
				box-sizing: border-box;
				width: 180rpx;
				height: 180rpx;
				margin-top: 20rpx;
				margin-left: 18rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}
		}

		.ft_btn {
			width: 100%;
			margin-bottom: 10rpx;
			margin-top: 20rpx;
			display: flex;
			align-items: center;
			// justify-content: flex-end;
			justify-content: space-between;
			.citybottom {
				font-size: 24rpx;
				color: #999999;
			}
			.buttonbox {
				display: flex;
				align-items: center;
				.btn_iconbox{
					display: flex;
					align-items: center;
					margin-right: 38rpx;
					.icon_pad {
						width: 36rpx;
						height: 36rpx;
						text-align: left;
					}
				}
			}
			button {
				width: 36rpx;
				height: 36rpx;
				display: flex;
				justify-content: center;
				align-items: center;

				image {
					width: 36rpx;
					
					height: 36rpx;
				}
			}

			.icon_box {
				
				width: 36rpx;
				height: 36rpx;
				background: rgba(255, 255, 255, 0.9);
				margin-right: 38rpx;
				display: flex;
				justify-content: center;
				align-items: center;

				image {
					height: 32rpx;
					width: 32rpx;
				}
			}

			.time {
				width: 75%;
				height: 100rpx;
				line-height: 100rpx;
				font-size: 15px;
				text-align: left;
			}

			
		}

		.mt20 {
			margin-top: 0rpx;
			width: 100%;

			.one {
				display: flex;
				width: 100%;
				//height: 480rpx;

				image {
					width: 70%;
				}
			}

			.two {
				display: flex;
				justify-content: space-between;
				width: 100%;

				.two-one {
					width: 40%;
					height: 480rpx;
					margin-right: 12rpx;
					image {
						width: 100%;
						height: 100%;
					}
				}

				.two-two {
					width: 59.5%;
					height: 480rpx;

					image {
						width: 100%;
						height: 100%;
					}
				}
			}

			.three {
				display: flex;
				justify-content: space-between;
				width: 100%;

				.three-one {
					width: 49.5%;
					height: 480rpx;
					margin-right: 12rpx;
					image {
						width: 100%;
						height: 100%;
					}
				}

				.three-two {
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					width: 49.5%;
					height: 480rpx;

					image {
						width: 100%;
						height: 49.6%;
					}
				}
			}

			.four {
				display: flex;
				flex-direction: column;

				.four-one {
					display: flex;
					justify-content: space-between;

					.four-one-one {
						width: 40%;
						height: 300rpx;
						margin-right: 12rpx;
						margin-bottom: 12rpx;
						image {
							width: 100%;
							height: 100%;
						}
					}

					.four-one-two {
						width: 59.5%;
						height: 300rpx;

						image {
							width: 100%;
							height: 100%;
						}
					}
				}

				.four-two {
					display: flex;
					justify-content: space-between;
					
					.four-two-one {
						width: 59.5%;
						height: 300rpx;
						&:first-child{
							margin-right: 12rpx;
						}
						image {
							width: 100%;
							height: 100%;
						}
					}

					.four-two-two {
						width: 40%;
						height: 300rpx;

						image {
							width: 100%;
							height: 100%;
						}
					}
				}
			}

			.five {
				display: flex;
				flex-wrap: wrap;
				width: 100%;

				.five-one {
					width: 221rpx;
					height: 250rpx;
					margin-bottom: 8rpx;
					margin-left: 4rpx;

					image {
						width: 100%;
						height: 100%;
					}
				}
			}
		}

		.video_box {
			width: 100%;
			height: 450rpx;

			video {
				width: 50%;
				height: 100%;
			}
		}
	}
	.itemBoy{
		background-image: linear-gradient(180deg, #adb3fd 0%, #d4c6f7 12%,#fff 20%);
	}

	.empty {
		background: #fff;
		min-height: 500rpx;
	}

	.item {
		height: 336rpx;
		width: 336rpx;
		margin: 0 2rpx;
		margin-top: 2rpx;

		image {
			height: 100%;
			width: 100%;
			// border-radius: 10rpx;
		}

		&:nth-child(2n + 1) {
			margin-left: 0;
		}

		&:nth-child(2n) {
			margin-right: 0;
		}
	}
}

.dis {
	line-height: 1.8;
}

.more {
	margin-top: -50rpx;
	text-align: right;

	text {
		background: #111;
		padding-left: 25rpx;
		padding-right: 25rpx;
		border-radius: 20rpx;
	}
}

.more2 {
	text-align: center;
}

.btm {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 196rpx;
	box-sizing: border-box;
	// background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	.btn1 {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 320rpx;
		height: 96rpx;
		// background: linear-gradient(180deg, #fef0bc 0%, #b98b51 100%);
		border: 2rpx solid #333333;
		border-radius: 44rpx;

		image {
			height: 40rpx;
			width: 40rpx;
			margin-right: 8rpx;
		}

		text {
			color: #333333;
			font-size: 32rpx;
			// text-shadow: 0px 2px 2px rgba(141, 107, 62, 0.7);
		}
	}

	.btn2 {
		position: relative;
		width: 320rpx;
		//width: 100%;
		height: 96rpx;
		// background: linear-gradient(180deg, #fdf9f6 0%, #e1c4a6 100%);
		background-color: #0d0d0d;
		border-radius: 44rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 32rpx;
		image {
			height: 40rpx;
			width: 40rpx;
			margin-right: 8rpx;
		}

		text {
			font-size: 32rpx;
			color: #fff;
			line-height: 34px;
			// text-shadow: 0px 2px 2px rgba(132, 108, 82, 0.8);
		}

		.red_tips {
			position: absolute;
			top: -26rpx;
			right: 0;
			width: 134rpx;
			height: 50rpx;
			border-radius: 25rpx 25rpx 25rpx 0;
			font-size: 24rpx;
			color: #fff;
			background-color: #ef4034;
			display: flex;
			align-items: center;
			justify-content: center;
			// margin-left: -158rpx;
			// margin-top: -88rpx;
		}
	}
}

.settingwx_btn {
	width: 240rpx;
	//width: 100%;
	height: 50rpx;
	background: linear-gradient(180deg, #fdf9f6 0%, #e1c4a6 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24rpx;
}

.lookwx_btn {
	width: 120rpx;
	//width: 100%;
	height: 50rpx;
	background: linear-gradient(180deg, #fdf9f6 0%, #e1c4a6 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24rpx;
}

// #262626
.lookwx_pop {
	height: 400rpx;
	width: 600rpx;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	border-radius: 16rpx;
	padding-top: 40rpx;
	padding-bottom: 40rpx;

	.cover {
		height: 100rpx;
		width: 100rpx;
		border-radius: 50%;

		image {
			height: 100%;
			width: 100%;
			border-radius: 50%;
		}
	}

	.name {
		color: #333;
	}

	.wx {
		color: #333;
	}

	.btn_sm {
		width: 200rpx;
	}
}

.m_friends_box {
	display: flex;
	// justify-content: space-between;
	width: 100%;
	align-items: center;

	.item {
		color: #d2d2d2;
		// margin: 0 auto;
		font-size: 24rpx;
		width: 186rpx;
		line-height: 40rpx;
		text{
			color: #999;
		}
	}

	.pop {
		width: 158rpx;
		font-size: 24rpx;
		font-weight: bold;
		line-height: 40rpx;
		color: #333330;
		line-height: 32rpx;
		image {
			width: 32rpx;
			height: 32rpx;
			vertical-align: middle;
		}
	}
}

.member_upgrade {
	position: relative;
	top: 0;
	left: 0;
	width: 650rpx;
	height: 640rpx;
	// background-color: #000;
	background-image: url('https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1711589302294764.png');
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 12rpx;
	// border: #6d6650 2px solid;
	z-index: 5000;

	.weixin-title {
		text-align: center;
		color: #240e37;
		padding-top: 8rpx;
		font-size: 32rpx;
	}
	.popup-close {
		width: 48rpx;
		height: 48rpx;
		position: absolute;
		right: 38rpx;
		top: 20rpx;
	}

	.weixin-desc {
		color: rgba(255, 255, 255, 0.6);
		font-size: 28rpx;
		text-align: center;
		padding-top: 24rpx;
	}
	.contwo {
		display: flex;
		.active {
			box-shadow: 0 0 15px #fff;
		}
		.leftjin {
			width: 264rpx;
			height: 304rpx;
			border-radius: 28rpx;
			background-image: url('https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1711590805472207.png');
			background-repeat: no-repeat;
			background-size: cover;
			margin-left: 48rpx;
			margin-top: 32rpx;
			text-align: center;
			position: relative;
			.xuanz {
				position: absolute;
				right: 0;
				bottom: 0;
				width: 80rpx;
				height: 80rpx;
			}
			.jintitle {
				color: #4c310c;
				font-size: 24rpx;
				text-align: center;
				box-sizing: border-box;
				padding-top: 6rpx;
			}
			.jinhg {
				width: 72rpx;
				height: 72rpx;
				margin-top: 20rpx;
			}
			.price {
				position: relative;
				.fuhao {
					font-size: 32rpx;
					color: #4c310c;
				}
				.num {
					color: #4c310c;
					font-size: 48rpx;
					font-weight: 600;
					margin-right: 5rpx;
				}
				span {
					color: #4c310c;
					font-size: 32rpx;
				}
				.firstc {
					width: 78rpx;
					height: 28rpx;
					background-color: #ef4034;
					border-radius: 18rpx 14rpx 14rpx 0;
					color: #fff;
					text-align: center;
					line-height: 28rpx;
					font-size: 16rpx;
					font-weight: 600;
					position: absolute;
					top: -23rpx;
					right: 15rpx;
				}
			}
			.name {
				margin-bottom: 5rpx;
				text {
					font-size: 24rpx;
					color: #654822;
					margin-right: 5rpx;
					text-decoration: #000 line-through;
				}
				span {
					color: #654822;
					font-size: 20rpx;
				}
			}
			.desc {
				color: #7e5319;
				font-size: 24rpx;
			}
		}
		.righthei {
			width: 264rpx;
			height: 304rpx;
			border-radius: 28rpx;
			margin-top: 32rpx;
			margin-left: 26rpx;
			background-image: url('https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17115932995571151.png');
			background-repeat: no-repeat;
			background-size: cover;
			text-align: center;
			position: relative;
			.xuanz {
				position: absolute;
				right: 0;
				bottom: 0;
				width: 80rpx;
				height: 80rpx;
			}
			.titlehei {
				font-size: 24rpx;
				color: #ffffff;
				padding-top: 6rpx;
			}
			.heijin {
				width: 72rpx;
				height: 72rpx;
				margin-top: 12rpx;
			}
			.numbox {
				position: relative;
				.heifu {
					font-size: 32rpx;
					color: #b6bbc1;
				}
				.heinum {
					font-size: 52rpx;
					color: #ffffff;
					font-weight: 600;
					margin-left: 5rpx;
				}
				span {
					font-size: 32rpx;
					color: #b6bbc1;
				}
				.firstchei {
					width: 78rpx;
					height: 28rpx;
					background-color: #ef4034;
					border-radius: 18rpx 14rpx 14rpx 0;
					color: #fff;
					text-align: center;
					line-height: 28rpx;
					font-size: 16rpx;
					font-weight: 600;
					position: absolute;
					top: -24rpx;
					right: 15rpx;
				}
			}
			.name {
				margin-bottom: 5rpx;
				text {
					font-size: 24rpx;
					color: #fff;
					margin-right: 5rpx;
					text-decoration: #000 line-through;
				}
				span {
					color: #fff;
					font-size: 20rpx;
				}
			}
			.deschei {
				font-size: 24rpx;
				color: #cbcbcb;
			}
		}
	}

	.weixin-content {
		color: #a3a3a3;
		font-size: 40rpx;
		text-align: center;
		padding-top: 20rpx;
	}

	.weixin-price {
		font-size: 34rpx;
		padding-top: 40rpx;
		height: 180rpx;
		line-height: 180rpx;
		color: #e1c4a6;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;

		image {
			width: 100rpx;
			height: 100rpx;
		}
	}

	.weixin-btn {
		padding: 30rpx 50rpx 10rpx;
		display: flex;
		align-items: center;
		justify-content: space-around;

		.btn-cancel {
			width: 200rpx;
			height: 80rpx;
			border-radius: 5rpx;
			color: #000;
			font-size: 28rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid #feb918;

			text {
				color: #feb918;
				font-size: 22rpx;
			}
		}

		.btn-single {
			width: 256rpx;
			height: 72rpx;
			border-radius: 36rpx;
			color: #f9d9a2;
			font-size: 32rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 2px solid #f9d9a2;

			text {
				color: #f9d9a2;
				font-size: 32rpx;
			}

			.del-line {
				text-decoration: #ffffff line-through;
			}

			.tips {
				width: 154rpx;
				height: 50rpx;
				border-radius: 18rpx;
				font-size: 24rpx;
				color: #fff;
				background-color: #fd4c61;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-left: -158rpx;
				margin-top: -88rpx;
			}
		}

		.btn-upgrade {
			width: 256rpx;
			height: 72rpx;
			background-image: url('https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17115942966791390.png');
			border-radius: 40rpx;
			// border: 4rpx solid #F9D9A2;
			// background: linear-gradient(180deg, #FBE2B2 0%, #F3B86D 100%);
			color: #6c250f;
			font-size: 32rpx;
			font-weight: 600;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #fbeabf;
		}
	}

	.desctishi {
		font-size: 20rpx;
		color: #cbcbcb;
		display: flex;
		margin: 20rpx 0 0 20rpx;
		.tishi {
			width: 26rpx;
			height: 26rpx;
			margin-right: 10rpx;
			vertical-align: middle;
		}
		text{
			font-size: 20rpx;
			color: #cbcbcb;
		}
		// margin: 20rpx;
	}
}

.weixin {
	width: 650rpx;
	background-color: #fff;
	border-radius: 12rpx;
	padding-bottom: 40rpx;

	.weixin-title {
		text-align: center;
		color: #000;
		padding-top: 40rpx;

		.popup-close {
			font-size: 24rpx;
			position: absolute;
			right: 20rpx;
			color: #000;
			top: 15rpx;
		}
	}

	.weixin-desc {
		color: #a3a3a3;
		font-size: 24rpx;
		text-align: center;
		padding-top: 20rpx;
	}

	.weixin-tips {
		color: #d5391d;
		font-size: 24rpx;
		text-align: center;
		padding-top: 20rpx;
	}

	.member-desc {
		color: #a3a3a3;
		font-size: 24rpx;
		padding-left: 100rpx;
	}

	.weixin-price {
		font-size: 34rpx;
		padding-left: 20rpx;
		padding-top: 40rpx;
		color: #000;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;

		.item_check {
			padding: 10rpx;
			display: flex;
			flex-direction: row;

			.desc {
				color: #000 !important;
			}
		}

		image {
			width: 100rpx;
			height: 100rpx;
		}

		input {
			border: 1rpx solid #d6c37e;
			width: 311rpx;
			height: 50rpx;
			color: #000 !important;
			padding-left: 10rpx;
		}

		.lab {
			color: #000;
			width: 30%;
			font-size: 28rpx;
		}
	}

	.weixin-btn {
		padding: 30rpx 50rpx 10rpx;
		display: flex;
		align-items: center;
		justify-content: space-around;

		.btn-cancel {
			width: 200rpx;
			height: 80rpx;
			border-radius: 5rpx;
			color: #000;
			font-size: 28rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid #000000;

			text {
				color: #000;
				font-size: 22rpx;
			}
		}

		.btn-sub {
			width: 200rpx;
			height: 80rpx;
			border-radius: 15rpx;
			background: linear-gradient(180deg, #fef0bc 0%, #b95222 100%);
			color: #4c310c;
			font-size: 28rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid #b98b51;
		}

		.btn-upgrade {
			width: 200rpx;
			height: 80rpx;
			border-radius: 5rpx;
			background: #000;
			color: #000;
			font-size: 28rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid #000000;
		}

		.btn-comfirm {
			width: 200rpx;
			height: 80rpx;
			border-radius: 15rpx;
			background: linear-gradient(180deg, #fef0bc 0%, #b98b51 100%);
			color: #4c310c;
			font-size: 28rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid #fef0bc;
		}
	}
}

.x-share {
	background-color: #ffffff;
	width: 750rpx;
	border-radius: 20rpx;
	padding: 40rpx 20rpx 80rpx;
	display: flex;
	box-sizing: border-box;

	.item {
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;

		image {
			width: 64rpx;
			height: 64rpx;
			margin-bottom: 10rpx;
		}

		span {
			color: #2e2e2e;
		}
	}
}

.x-popup {
	background-color: #ffffff;
	width: 650rpx;
	border-radius: 20rpx;
	padding-bottom: 20rpx;

	.popup-title {
		padding: 20rpx 0 10rpx;
		text-align: center;
		font-size: 32rpx;
		position: relative;
		color: #333;

		.xiaoju-popup-close {
			font-size: 24rpx;
			position: absolute;
			right: 50rpx;
			top: 10rpx;
			color: #333;
		}
	}

	.popup-wrap {
		max-height: 800rpx;
		min-height: 300rpx;
		padding-top: 10rpx;
		padding-bottom: 30rpx;

		.popup-cell {
			padding: 8rpx 40rpx;
			font-size: 30rpx;
			line-height: 44rpx;
		}
	}

	.popup-tip {
		margin: 0 auto;
		width: 100%;
		height: 55rpx;
		color: #4c310c;
		font-size: 28rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 20rpx;
	}

	.popup-btn {
		margin: 0 auto;
		width: 200rpx;
		height: 60rpx;
		border-radius: 10rpx;
		color: #fff;
		font-size: 28rpx;
		letter-spacing: 2px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #fd4c61;
	}
}

.x-list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding: 0 60rpx;

	.list-cell {
		width: 27%;
		height: 170rpx;
		border: 2rpx solid #fff;
		display: flex;
		align-items: center;
		flex-direction: column;
		padding: 5rpx 0rpx 10rpx;
		border-radius: 16rpx;
		position: relative;

		&.list-active {
			border-radius: 16rpx;
			border: 2rpx solid #70737c;
		}

		.list-btn {
			width: calc(100% + 4rpx);
			height: 52rpx;
			color: #fff;
			background: #fd4c61;
			border-radius: 0rpx 0rpx 16rpx 16rpx;
			position: absolute;
			bottom: -2rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 24rpx;

			.count {
				color: #fff;
				line-height: 60rpx !important;
				// margin-right: 5rpx;
			}

			.add {
				display: flex;
				justify-content: center;
				align-items: center;
				/* border: 2rpx solid #ccc; */
				box-sizing: border-box;
				font-size: 52rpx;
				width: 75rpx;
				color: #fff;
			}
		}

		.list-icon {
			width: 80rpx;
			height: 80rpx;
		}

		.list-name {
			color: #333;
			font-size: 26rpx;
			margin-top: 8rpx;
		}

		.list-price {
			color: #333;
			font-size: 22rpx;
			margin-top: 5rpx;
		}
	}
}

.member-list {
	width: 540rpx;
	display: flex;
	justify-content: space-between;
	margin: 40rpx auto;

	.member-item {
		width: 260rpx;
		height: 285rpx;
		box-sizing: border-box;
		padding: 40rpx 0rpx 10rpx;
		border: 2rpx solid #dba46e;
		border-radius: 15rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		position: relative;

		&.active {
			border-color: #dba46e;
			border: 2rpx solid #dba46e;
			box-shadow: 0 0 15px #fff;

			.title {
				color: #fff;
			}

			.price {
				font-size: 28rpx;
				color: #fff;

				text {
					color: #fff;
					font-size: 36rpx;
				}
			}

			.name {
				color: #b5b5b5;

				text {
					text-decoration: #b5b5b5 line-through;
				}
			}

			.desc {
				background-color: #dba46e;
				color: #fff;
			}
		}

		.title {
			height: 60rpx;
			font-size: 38rpx;
			color: #b5b5b5;
			padding-top: 15rpx;
			padding-bottom: 15rpx;

			span {
				font-size: 24rpx;
				margin-left: 5rpx;
			}
		}

		.price {
			height: 40rpx;
			font-size: 28rpx;
			color: #b5b5b5;

			text {
				color: #b5b5b5;
				font-size: 36rpx;
			}
		}

		.name {
			height: 50rpx;
			line-height: 60rpx;
			font-size: 30rpx;
			color: #b5b5b5;

			text {
				text-decoration: #b5b5b5 line-through;
			}
		}

		.desc {
			width: 260rpx;
			height: 65rpx;
			position: absolute;
			top: -30rpx;
			background-color: #dba46e;
			border-radius: 10rpx;
			color: #fff;
			font-size: 26rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
}



.person_body{
	margin: 0 20rpx;
	padding: 32rpx;
	border-radius: 24rpx;
	background-color: #fff;
	position: relative;
	box-shadow: 0 0 40rpx rgba(0, 0, 0, 0.08);
	.onlin {
		// position: absolute;
		// left: 40rpx;
		// top: 6%;
		position: absolute;
		left: 0rpx;
		top: -58rpx;
		min-width: 170rpx;
		padding: 0 10rpx;
		height: 44rpx;
		background: #ffffff;
		border-radius: 22px;
		line-height: 44rpx;
		color: #1db468;
		font-size: 24rpx;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	
		&::before {
			content: '';
			display: inline-block;
			background: #1db468;
			width: 12rpx;
			height: 12rpx;
			border-radius: 8rpx;
			margin-right: 8rpx;
		}
	}
	.person_titbox{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		.titbox_cell{
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			// margin-bottom: 8rpx;
			.titbox_name{
				font-size: 30rpx;
				font-weight: 900;
				color: #000;
				line-height: 30rpx;
			}
			.titbox_sexIcon{
				width: 30rpx;
				max-width: 30rpx;
				min-width: 30rpx;
				height: 30rpx;
				min-height: 30rpx;
				max-height: 30rpx;
				margin:0 14rpx;
				margin-top: -2rpx;
				image{
					width: 100%;
					height: 100%;
				}
			}
			.vipiconimg {
				margin-top: -2rpx;
				width: 144rpx;
				height: 42rpx;
				margin-right: 14rpx;

				image{
					width: 100%;
					height: 100%;

				}
			}
			.tag_cell{
				display: flex;
				justify-content: center;
				align-items: center;
				height: 32rpx;
				min-height: 32rpx;
				max-height: 32rpx;
				padding: 0rpx 10rpx;
				font-weight: 500;
				font-size: 20rpx;
				background: #8087f8;
				color: #eee;
				border-radius: 8rpx;
				margin-right: 12rpx;
				margin-bottom: 12rpx;
			}

		}
		.titbox_btn{
			display: flex;
			align-items: center;
			.titbox_icon{
				width: 36rpx;
				height: 36rpx;
				display: flex;
				align-items: flex-start;
				margin-right: 14rpx;
				// &:first-child{
				// 		margin-top: -2rpx;
				// }
				image{
					width: 36rpx;
					height: 36rpx;
				}
				&:last-child{
					margin-right: 0;
				}
			}
		}
	}
	.person_lit{
		margin-bottom: 8rpx;
		&:last-child{
			margin-bottom: 0;
		}
		text{
			font-size: 22rpx;
			font-weight: 400;
			color: #7b7b7b;
		}
	}
	.person_blurb{
		font-size: 24rpx;
		font-weight: 700;
		margin: 20rpx 0 36rpx;
	}
	.person_btn{
		display: flex;
		align-items: center;
		justify-content: space-between;
		.person_btnBox{
			display: flex;
			align-items: center;
			.btn_cell{
				border-radius: 28rpx;
				border: 1rpx solid transparent;
				color: #fff;
				padding: 0rpx 20rpx;
				height: 48rpx;
				min-height: 48rpx;
				max-height: 48rpx;
				display: flex;
				align-items: center;
				font-size: 24rpx;
				display: flex;
				align-items: center;
				margin-right: 14rpx;
				&:last-child{
					margin-right: 0;
				}
				text{
					font-size: 26rpx;
				}
				image{
					display: inline-block;
					margin-right: 6rpx;
					width: 24rpx;
					height: 24rpx;
				}
			}
			.btn_default{
				background-image: linear-gradient(90deg, #a160e2 0%, #3241f4 100%);
    			color: #fff;
			}
			.btn_warm{
				border-color: #f29766;
    			color: #f29766;
			}
			.btn_green{
				border-color: #2edf72;
    			color: #2edf72;
			}
		}
	}
}

.x-popup-talk {
	background-color: #ffffff;
	width: 100%;
	box-sizing: border-box;
	border-radius: 24rpx 24rpx 0 0;
	padding: 24rpx;
	padding-bottom: 40rpx;
	.talk-box{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 20rpx;
		border-bottom: 2rpx solid #eee;
		.talk-title{
			font-size: 28rpx;
			font-weight: bold;
			color: #000;
		}
		.talk-close{
			font-size: 24rpx;
			color: #999;
		}
	}
	.talk-main{
		padding: 20rpx 0;
		.talk-lit{
			font-size: 24rpx;
			color: #999;
			padding-bottom: 30rpx;
		}
		.talk-gift{
			width: 100%;
			max-height: 500rpx;
			overflow-y: scroll;
			display: flex;
			justify-content: space-evenly;
			flex-wrap: wrap;
			.gift_cell{
				width: 23.5%;
				height: 200rpx;
				padding: 20rpx 14rpx;
				// margin-right: 14rpx;
				margin-bottom: 14rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-direction: column;
				box-sizing: border-box;
				border-radius: 16rpx;
				background-color: #f6f6f6;
				border: 4rpx solid transparent;
				&:nth-child(4n){
					margin-right: 0;
				}
				.gift_icon{
					width: 60rpx;
					height: 60rpx;
					image{
						width: 100%;
						height: 100%;
					}
				}
				.gift_title{
					font-size: 26rpx;
					font-weight: bold;
					color: #000;
				}
				.gift_price{
					font-size: 24rpx;
					color: #999;
				}
			}
			.gift_active{
				border-color: #8558e7;
				background-image: linear-gradient(to bottom,rgba(133,88,231,0.2) 0%,#fff 100%);
				// padding: 20rpx 0 0 0;

				.gift_countCell{
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: space-between;
					box-sizing: border-box;
					height: 50rpx;
					margin-top: 6rpx;
					background-color: #e9d5a1;
					.count_icon{
						width: 50rpx;
						height: 50rpx;
						display: flex;
						align-items: center;
						justify-content: center;
						image{
							width: 68%;
							height: 68%;
						}
					}
					.count_num{
						flex: 1;
						font-size: 28rpx;
						color: #fff;
						text-align: center;
					}
				}
			}
		}
	}
	
	
	.popup-title {
		text-align: center;
		font-size: 32rpx;
		// position: relative;
		color: #333;
		font-weight: bold;

		.xiaoju-popup-close {
			font-size: 24rpx;
			position: absolute;
			right: 50rpx;
			top: 10rpx;
			color: #333;
		}
	}

	.popup-wrap {
		max-height: 800rpx;
		min-height: 300rpx;
		padding-top: 10rpx;
		padding-bottom: 30rpx;

		.popup-cell {
			padding: 8rpx 40rpx;
			font-size: 30rpx;
			line-height: 44rpx;
		}
	}

	.popup-tip {
		margin: 0 auto;
		width: 100%;
		height: 55rpx;
		color: #4c310c;
		font-size: 28rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 20rpx;
	}

	.popup-btn {
		margin: 0 auto;
		width: 100%rpx;
		height: 80rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50rpx;
		color: #fff;
		font-size: 28rpx;
		font-weight: bold;
		letter-spacing: 2px;
		background-image: linear-gradient(90deg, #a160e2 0%, #3241f4 100%);
		text{
			color: #fff;
			font-size: 28rpx;
			font-weight: bold;
			letter-spacing: 2px;
		}
	}
}
</style>
